隨便記記，如有錯(cuò)誤之處，歡迎指出?
?
情形：不給父div默認(rèn)高度
浮動(dòng)效果
可見(jiàn)父div沒(méi)有跟隨子div而撐開(kāi)
清除浮動(dòng)
1.額外標(biāo)簽法 （缺點(diǎn)：添加了無(wú)意義的標(biāo)簽，結(jié)構(gòu)化比較差）
額外標(biāo)簽法
666? 父div果然被撐開(kāi)了
2.父元素overflow (缺點(diǎn)：無(wú)法顯示溢出部分)
父元素overflow
666? 我能撐開(kāi)父元素
3.:after偽元素法 （推薦使用）
:after 方式是額外標(biāo)簽法的升級(jí)版。也是給父元素添加
:after偽元素法
666???推薦使用我哦
代碼復(fù)制
.clearfix:after?{
??????content:?'';
??????display:?block;
??????height:?0;
??????clear:?both;
??????visibility:?hidden;
????}
.clearfix?{
??????/*?IE6、7專有?*/
??????*zoom:?1;
?}
4.雙偽元素清除浮動(dòng)
也是給父元素添加
666? ?也是推薦使用我哦
代碼復(fù)制
.clearfix:before,
????.clearfix:after?{
??????content:?'';
??????display:?table;
????}
????.clearfix:after?{
??????clear:?both;
????}
????.clearfix?{
??????/*?IE6、7專有?*/
??????*zoom:?1;
????}
