㈠
? ? 直接在浮動元素下加一個盒子,使盒子的寬高和浮動元素寬高相同即可。
㈡
? ? ?可以給下邊的盒子添加clear屬性,這樣,就可以有選擇性的去處浮動,取值有如下幾個
①none系統默認的屬性
②left/right
③both在企業開發中最常用的
㈢內外墻法,說白了就是給結構添加樣式,即給結構添加一個塊集元素,然后設置塊集元素的屬性值為clear:both這樣即可。
注意點有
①外墻法是不可以給上一個元素設置margin_bottom屬性的,只可以給下邊的元素設置margin_top屬性。而內墻法沒有這個問題。
②內墻法可以撐起上一個元素的高度,而外墻法是不可以的。
注意
在企業開發中是不常用內外墻法清除浮動的,因為這樣額外增加了代碼的可讀性,
㈣利用偽元素選擇器和內墻法結合使用,符合前端結構和樣式分離的思想
格式為
.需要添加的元素::before
.需要添加的元素::after{
? ? ? ?content:
? ? ? ? display:
? ? ? ?visibility: hidde;
? ? ? ?clear:both
}
注意
由于偽類選擇器是css3 剛推出來的,所以原來的瀏覽器是不支持這種格式的如果想讓這種格式可以運行,那么就在他后邊再加這樣的代碼
.需要添加的元素{
? ?*zoom:1;
}
㈤
①overflow:hidden也可以去除浮動。但是涉及到兼容問題,所以一般情況下需要在有些情況下是可以添加上*zoom:1;
②兩個盒子是嵌套關系,但是不想給外邊的盒子添加邊框,并且想要內部的盒子可以設置margin-top屬性,那么可以在大盒子里加上overflow:hidden
③可以裁剪掉超出標簽的內容。