浮动的细节规则
盒子位置
- 左浮动的盒子向上向左排列
- 右浮动的盒子向上向右排列
- 浮动盒子的顶边不得高于上一个盒子的顶边
- 若剩余空间无法放下浮动盒子,则该盒子向下移动,直到具备足够的空间能容纳盒子,然后再向左或向右移动
示例
指向左边的箭头表示左浮动

若剩余空间无法放下浮动的盒子,则该盒子向下移动,直到具备足够的空间能容纳盒子,然后再向左或向右移动。
浮动盒子的顶边不得高于上一个盒子的顶边
资料来源于渡一教育,仅作学习使用
盒子位置
示例
指向左边的箭头表示左浮动
若剩余空间无法放下浮动的盒子,则该盒子向下移动,直到具备足够的空间能容纳盒子,然后再向左或向右移动。
浮动盒子的顶边不得高于上一个盒子的顶边
资料来源于渡一教育,仅作学习使用