CSS：明确：左工作太好了？

Question

我时不时地遇到问题，但我不确定解决方案是什么。

我有一个 2 列布局（左栏，然后是主区域）。在主要区域中，我有时有一个辅助 2 列布局（例如，对于新闻部分，其中有一个图标，然后是新闻项）。当我清除新项目的左侧时，它不会清除其上方的图像（左侧浮动），而是清除左侧的导航栏。

这是一个示例。这似乎是 FF3.6 上的问题，而 IE8 似乎没问题。

Answer 1

对于 #mainContent 添加 overflow:auto; 或 overflow:hidden; 以清除浮动。在此处了解更多信息 http://www.quirksmode.org/css/clearing.html

Answer 2

在包含每个新闻部分的

上，尝试添加 overflow:hidden。我认为应该隔离

中 clear 的使用。

Answer 3

如果您在图像上使用“float:left”，而不是使用新闻栏的栏来分隔图标和文本，会怎么样？例如，查看此页面：

http://clayclerk.com/

图像的 Css 样式为：

.imageleft {
float:      left;
margin-right:   10px;
}