1 .無論多么復雜的布局棒厘,都可以看成是如何在一行上顯示多個div元素纵穿,如果標準流無法滿足需求,那么就需要用到浮動∩萑耍現(xiàn)在好像可以不使用浮動就實現(xiàn)-flex.
浮動產(chǎn)生副作用
1 .背景不能正常顯示:由于設置浮動谓媒,父元素不能被撐開,所以導致css背景不能顯示何乎。
2 .邊框不能被撐開句惯。
3 .margin不能正確顯示土辩。浮動導致元素上下的padding和margin不能正確顯示
清除浮動
1 .父元素設置overflow:hidden。但是超出的部分會被隱藏抢野。
2 .額外標簽法:在浮動的下邊在加一個盒子拷淘,里面加上clear:both.
3 .偽元素清除浮動:.clearfix:before,.clearfix:after{clear:both;visibity:hidden}