清除ul li里面的浮動並讓ul自適應高度的一個好辦法

有時候會遇到ul li列表里面的東西會用到浮動，這個時候ul的高度就不會被撐開，這怎么辦呢？

1）最笨的方法就是設置ul的高度，但這種方法很死板，高度不能自適應

2）有次我試着在ul里面加一個清除浮動的div，這樣能實現效果，但這種做法是錯誤的，不符合規范，所以絕對不能這樣寫。

<ul>
　　<li></li>
　　<div style="clear:both"></div>
</ul>

 

　　堅決不能這樣寫哦！

3）最好的一個辦法就是：在ul標簽里添加：overflow:hidden;clear:both;這兩個樣式，妥妥的能讓ul的高度撐開。

<ul style="overflow:hidden;clear:both;">
　　　<li></li>
</ul>

 

　　這也可以用於任何由於內部內容浮動之后，高度不能自適應的div元素。

 

　　這個方法我感覺比加一個<div style="clear:both"></div>更好一點