火狐浏覽器中DIV的高度不隨裡面的內容增高而增高

 　　在IE浏覽器中#main這個DIV可以正常顯示，但在火狐浏覽器中不能正常顯示#main這個DIV，即#main這個DIV的高度不會隨裡面的內容的高度增加而增加。可用如下的辦法解決：

　　在樣式表中#main這個樣式規則的下面建立如下樣式規則即可：

　　#main {

　　padding: 10px;

　　width: 800px;

　　margin-top: 10px;

　　margin-right: auto;

　　margin-bottom: 10px;

　　margin-left: auto;

　　background-color: #CCCCCC;

　　}

　　#main:after{

　　content:".";

　　visibility:hidden;

　　display:block;

　　clear:both;

　　height:0px;

　　font-size:0px;

　　}

　　注意：在#main這個樣式規則中不要設置height屬性值。

　　說明：content:"."中引號裡的內容可以是“.”，也可以是其他任務字符或字符串。