有條件的話盡量使用彈性盒布局沮翔，就不會(huì)有煩人的浮動(dòng)問(wèn)題了赴肚。
當(dāng)一個(gè)盒子的子元素浮動(dòng)后蛙酪，父元素的高度會(huì)塌陷。在css中給父元素添加偽元素即可清除怎披，代碼如下：
.clearfix::after,.clearfix::before{
content:" ";
display:table;
}
.clearfix::after{
clear:both;
}
然后在父元素的類(lèi)中引用clearfix類(lèi)即可胸嘁。
before微元素可防止元素頂部空白崩潰（即margin疊加或者叫頂部塌陷）瓶摆， display:table clear:both創(chuàng)建一個(gè)匿名的表格單元，會(huì)觸發(fā)瀏覽器的BFC性宏，即渲染獨(dú)立赏壹，浮動(dòng)元素的高度計(jì)算在父元素的總高度之內(nèi)。
如此衔沼，清除浮動(dòng)就完成了蝌借。
