原文地址http://www.cnblogs.com/hx1992/p/3791587.html
一压状、父級容器給死高度
這樣的話就能很好的解決浮動的問題,但是也有一定的局限性。很多時(shí)候我們的父容器的的高度都是自動的,根本不能定死箩兽。
所以這時(shí)候就需要用到其他的方法。
二章喉、浮動容器后面加一個(gè)空div標(biāo)簽 clear:both
這個(gè)方法現(xiàn)在應(yīng)該也有蠻多的人在使用汗贫,就是在浮動元素的后面添加一個(gè)空的div標(biāo)簽。然后給這個(gè)div添加style樣式clear:both
也能很有效的解決浮動問題但是這樣的話如果一個(gè)頁面有很多要用到浮動的地方秸脱,那你就要添加很多個(gè)空的div這樣的話就會很麻煩落包,
而且這樣也很難理解。所以現(xiàn)在還是用的蠻少摊唇。
三咐蝇、父級div定義 偽類:after 和 zoom
這個(gè)方法是我本人目前喜歡用的一個(gè)方法
通過定義一個(gè)類
/清除浮動樣式/
.clear:after{
content:"\0020";display:block;height:0;clear:both;
}
.clear{
zoom:1;
}
在需要用的時(shí)候就給有浮動的容器的父容器添加這個(gè)類 就能很好的解決浮動問題,個(gè)人感覺很方便巷查,比較推薦這個(gè)方法
四有序、父級div定義 overflow:hidden或者overflow:auto
這個(gè)方法有一定的局限性,必須要定義width或者zoom:1岛请,同時(shí)不能定義height旭寿,因?yàn)槭褂胔idden或者auto的時(shí)候,瀏覽器會自動檢查浮動區(qū)域的高度髓需。
另外使用hidden的時(shí)候不能和position一起使用 那樣的話超出的部分就會被隱藏,而當(dāng)用auto的時(shí)候如果子元素超出父元素的寬度就會出現(xiàn)滾動條房蝉。
其他的一些方法就不一一介紹了僚匆,都是些僅限了解就可以了。沒有太多的使用價(jià)值搭幻。如果真感興趣的可以去網(wǎng)上查查咧擂,網(wǎng)上還是有很多的資料的。