浮动规则
- 浮动规则一：元素一旦浮动后，脱离标准流
- 朝着向左或向右方向移动，直到自己的边界紧贴着包含块（一般是父元素）或者其他浮动元素的边界为止。
- 定位元素会层叠在浮动元素上面
- 浮动规则二：不能超出包含块
- 如果元素是向左（右）浮动，浮动元素的左（右）边界不能超出包含块的左（右）边界
- 浮动规则三：浮动元素之间不能层叠
- 如果一个元素浮动，另一个浮动元素已经在那个位置了，后浮动的元素将紧贴着前一个浮动元素（左浮找左浮，右浮找右浮）
- 如果水平方向剩余的空间不够显示浮动元素，浮动元素将向下移动，直到有充足的空间为止
Loading Github Gist ...
Details
- 浮动规则四：浮动元素会将行内级元素内容推出
- 浮动元素不能与行内级内容层叠，行内级内容将会被浮动元素推出
- 比如行内级元素、inline-block 元素、块级元素的文字内容
Loading Github Gist ...
Details
- 浮动规则五：浮动只能左右浮动，不能超出本行的高度
- 行内级元素、inline-block 元素浮动后，其顶部将与所在行的顶部对齐