DIV CSS製作網頁時浮動問題的解決方案

前最常用的方法有兩種┱
方法一、
使用塊級clear，即聲明一個塊的類屬性為

代碼如下	複製代碼
.clear {clear:both;}

方法二、
使用內嵌元素清理，比如說在主浮動內容後跟一個內嵌元素。

代碼如下	複製代碼
.inlineclear {clear:both;} <span class="inlineclear"></span>

方法三，使用雙層div巢狀

代碼如下	複製代碼
#pubpage {display:block;clear:both;} #main {display:block;float:left;} <div id="pubpage"> <div id="main"> 內容 </div> </div>

這樣用的話，內部的main就會把浮動給撐起來
方法四、

代碼如下	複製代碼
/******clear float*******/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac */ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

加在一個想表示成塊的容器的類屬性上，但此屬性必須為第一個，如<div class="clearfix votelist" id="votelist">
第四種方法目前可以很好的相容多種瀏覽器，並且不要加額外的元素就可以完成想要的布局。
有了以上這幾種方法，你在用div+css布局時就不會有那以多的苦惱了。