CSS中清除浮動的最好用的方法之一的詳細介紹（附程式碼）

這篇文章給大家分享的內容是關於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中文網其他相關文章！