javascript - 将 Background-color 属性应用于 div 无法按预期工作

Question

我这里有什么问题？这个页面基本上被分成了 5 个 div，中间的 3 个 div 代表了左、中、右页面列，它们被包裹在一个带有 id 内容的 div 中。如果您想查看源代码，我链接到该页面。当我尝试时，它不会很好地作为片段出现在这条消息中。

这是#content 的样式

    #content
{
    background-color:White; 
}       

如何让#content 的整个背景显示为白色？ link to a live version of http://beta.sc-pa.com/

ps:如有任何关于该网站的其他建议，我们将不胜感激

Answer 1

添加 <br style="clear:both"/>在 right_content div 结束之后(#content 内)。

当您在容器内 float 元素时，元素可以延伸到框的边界之外 - 它“漂浮”在框上方。为了遵守边界，您必须通过添加一个清除元素(在本例中为 br)作为容器的子元素来“清除” float 元素。

IE 很多时候也有时髦的要求，所以搜索“ie clearfix”以找到使其表现得像普通浏览器的样式:)

澄清一下，容器 div 中的任何非 float 元素都会影响容器的高度。因此，如果您有几个带有文本的段落元素，容器 div 将只与该内容一样高，因为它是内联的而不是 float 的。

将清除元素视为边界的重置。之后一切恢复正常，容器div的高度会继续扩大。