在清楚浮動的時候呢，網上有7種，這裡只介紹3種,小聲嗶嗶，其他4種都有坑。
第一種:
.referele
.container div
.container::after
.container::after 可以理解為container下的最後乙個元素，clear: both如果前面的有浮動，那麼該元素就往下，這樣就把div撐開了。
這樣寫其實有一些場合用不上，::after可是乙個熱門偽元素，萬一別的元素用了呢？
替補方案:
.referele
.container div
.clear
.overflow
overflow：auto會根據內容裁剪部分來自動劃分滾動條，怎麼就可以了呢？
其實這個元素如果不設定高度，那麼會根據子元素內容的高度來設定自己的高度，來適應盡可能不出現滾動條。
css浮動布局
float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面元素被...
css浮動布局
清除浮動 形狀浮動 使用浮動可以控制相鄰元素間的排列關係。float left 向左浮動 float right 向右浮動 float none 不浮動 沒有設定浮動的塊元素是獨佔一行的。浮動是對後面元素的影響，第二個元素設定浮動對第乙個元素沒有影響。表示第乙個元素div.first of type...
CSS浮動布局
預設文件流就是對頁面布局不加任何修飾，元素自動的布局方式，其特點有 1 元素在頁面中的顯示順序與元素在 現的順序是一致的。2 塊級元素獨佔一行空間，寬度預設為父級的100 高度由其內容高度所決定。3 行內元素與其他元素共享一行空間，寬高由其內容所決定。但是預設文件流往往不能滿足我們的布局需求，我們可...