Question

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

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

这是sample。这似乎是FF3.6的问题，而IE8看起来很好。

Answer 1

#mainContent添加overflow:auto;或overflow:hidden;以清除浮动广告。在这里阅读更多http://www.quirksmode.org/css/clearing.html

Answer 2

在包含每个新闻栏目的<div>上，尝试添加overflow: hidden。我认为应该隔离clear中<div>的使用。

Answer 3

而不是使用新闻列的列来分隔图标和文本 - 如果在图像上使用“float：left”，该怎么办？例如，请查看此页面：

图像的Css样式是：

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