HTML CSS3 - 爲什麼頁腳背景色不起作用？

Question

我試圖設置一個頁腳背景顏色爲不同的白色。它不起作用。我成功地改變了其他佈局元素的背景，但是頁腳是問題。

下面是一些代碼：

<footer> 
<div id="left"><p>Some_left_text</p></div> 
<div id="right"><p>Some_right_text</p></div> 
</footer> 

CSS的頁腳：

footer {  
    background-color: yellow; 
} 

#left { 
    float: left;  
    margin-left: 180px; 
} 

#right { 
    float: right; 
    margin-right: 180px;  
} 

#left, #right p { 
    letter-spacing: 5px;  
} 

Answer 1

您使用的是浮動的div所以頁腳的高度爲0

你可以只解決這個問題將最小高度添加到頁腳。

footer {  
    background-color: yellow; 
    min-height: 40px 
}