這篇文章給大家分享的內容是關于CSS中清除浮動的最好用的方法之一的詳細介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

我們寫網頁常常為浮動帶來的影響而煩惱，因為子元素浮動導致父元素沒有高，從而網頁錯亂，達不到自己想要的結果。
清除浮動，我只推薦這種方法！
下面這個方法是我從學前端用到現在的，也沒想換過，因為太好用了：

.clearfix:after{    
content: "";    
height:0;    
line-height: 0;    
display:block;    
visibility: hidden;    
clear:both;}

具體用法：

<ul class="clearfix">
    <li style="float:left;"></li>
    <li style="float:left;"></li>
    <li style="float:left;"></li>
    <li style="float:left;"></li></ul>

子元素浮動了，給父元素加上這個類即可，百試不爽！

因為這個樣式經常用，建議加到公共樣式里面去哦！

相關推薦：

html和css結合實現手機端網頁自適應的代碼

html中對于訪問服務端的方法分析（圖文）

以上就是CSS中清除浮動的最好用的方法之一的詳細介紹（附代碼）的詳細內容，更多請關注php中文網其它相關文章！