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
}