style='float:left'>
為了解決container容器高度塌陷問題，我們必須清除浮動
第一種方法：在container元素後加上乙個空的div標籤，然後給設定乙個clear:both的樣式
第二種方法:給container容器新增 overflow:auto/hidden樣式
第三張方法：給container容器新增乙個偽類
.container:before,
.container:after
.container:after
.container:before可以防止瀏覽器頂部的空白崩潰，也就是，margin-top和上乙個盒子的margin-bottom:會發生疊加
清除浮動的幾種方法
1.浮動元素下加空div 為了統一樣式，我們新建乙個樣式選擇器class命名為 clear 並且對應選擇器樣式為 clear both 然後我們在父級 結束前加此div引入class clear 樣式。這樣即可清除浮動。這個class 清除float產生浮動，可以不用對父級設定高度 也無需技術父級高...
清除浮動的幾種方法
當元素浮動時，他將不再處於普通文件流中，相當於浮在文件之上，不佔據空間，但是會縮短行寬，產生文字環繞的效果。浮動帶來的影響 1，父級的高度塌陷 2.背景不能顯示 3.變框不能撐開 4.margin值不能正確顯示 5.產生文字環繞的效果 6.由於脫離文件流，不佔位，而後面的元素未脫離文件流導致後面的元...
清除浮動的幾種方法
當我們使用float後,發現父級元素沒有被撐開，通常情況下需要清除浮動，以下介紹三種清除浮動的方法 1.使用overflow hidden將元素變成bfc，即可清除內部浮動 box child style class box class child div class child div div b...