DIV CSS 佈局教程網

在一個大的div裡有2個橫列(DIV)，並且在大的div裡加入背景圖片。可是改好後，在Firefox下卻無法正確顯示背景圖片。代碼是這樣的：
1.HTML(樣本)：
 

復制代碼 代碼如下:
<div id="footer">
<div id="footer_left">Content1</div>
<div id="footer_right">Content2</div>
</div>

2. CSS:

復制代碼 代碼如下:
#footer {
width:730px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
}
#footer_left {
float:left;
width:230px;
}
#footer_right{
float:left;
width:500px;
}

此代碼是左右兩欄排版，利用父DIV(footer)的背景圖片做子DIV(footer_left)的背景，來達到左右兩欄高度對齊。
解決辦法：
這是因為你的#footer_left 和#footer_right加了float:left，在FF裡如果裡面的元素加了float:left（right),它就不會被撐開的，也就是說的它的高度是0，如果正常顯示，必須加上：overflow:auto,
即：

復制代碼 代碼如下:

#footer {
width:730px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
overflow:auto；
}