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。

你可以解决这个问题，只需在页脚中添加min-height。

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