一、浮動布局
二、清除浮動
當父盒子沒有定義高度，巢狀的盒子浮動之後，下邊的元素發生位置錯誤，這時候就需要清除浮動。
1.clear: left | right | both，通常都是使用clear：both屬性
2. 通過在浮動元素的末尾新增乙個空元素，設定 clear：both屬性來清除浮動，但是這個方法成本太高，額外新增了乙個元素，會讓你多寫很多的**，且後期難以維護
3.通過設定父元素 overflow 或者display：table 屬性來閉合浮動，給父元素新增overflow：hidden
4.偽元素清除浮動 這是最好的方法，推薦使用
CSS中清除浮動的幾種方法
首先要明確我們為什麼要清除浮動？當父級盒子不方便給高度，但子盒子浮動又不佔位置，父盒子的高度為0時。就會影響到後面的標準流盒子。當父盒子沒有給高度的時候，裡面的子元素浮動會造成父盒子的高度塌陷 因為在盒子沒有給寬高的情況下，盒子的寬高由裡面的內容來撐開 而父盒子高度塌陷就會對我們後面的頁面布局造成影...
css清除浮動的幾種方法
我一直以為產生浮動要我們給元素設定float，例如這裡提到的 今天我發現如果父盒子高度不定，子元素沒有設定浮動，如果父盒子高度變為0，那麼裡面的子元素會浮動，效果 黃色盒子上移了，很明顯child產生了浮動，效果等同於父盒子高度不定，子元素設定浮動，那麼父盒子高度會變成0，也就是高度坍塌。那麼如何解...
css清除浮動的幾種方法
當對某個標籤使用浮動的時候，該塊內容就會脫離文件流，其父元素便不再包裹該標籤內容，父元素的高度會變成0，出現高度塌陷的問題。這個時候就要清楚浮動。今天就來介紹一下css清除浮動的幾種方法。1.在文件最後麵新加乙個空的div,如下 style clear both div 但是如果使用這種方法，新增了...