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
}