浮動元素的位置，只參考前一個元素的位置即可

如下圖，1、2、3三個元素左浮動，虛線爲父容器，此時再添加一個左浮動的元素4，總寬度超出了父元素寬度，那麼4號元素的位置應該是這樣的？ 它的位置不是A也不是B： 浮動元素的位置，其實只參考前一個元素的位置即可。所以元素4的位置只需考慮元素3的位置即可，如下： 我們換一下位置，同理可以得到如下結果（只需考慮元素1的位置）： PS: float屬性會導致父元素的高度塌陷，解決方法可查看：CSS flo

>>阅读原文<<