CSS進階之浮動的細節規則

浮動的細節規則

盒子位置

• 左浮動的盒子向上向左排列
• 右浮動的盒子向上向右排列
• 浮動盒子的頂邊不得高于上一個盒子的頂邊
• 若剩餘空間無法放下浮動盒子，則該盒子向下移動，直到具備足夠的空間能容納盒子，然後再向左或向右移動

示例

指向左邊的箭頭表示左浮動

若剩餘空間無法放下浮動的盒子，則該盒子向下移動，直到具備足夠的空間能容納盒子，然後再向左或向右移動。

浮動盒子的頂邊不得高于上一個盒子的頂邊

資料來源于渡一教育，僅作學習使用