css - CSS: clear: 离开工作太好了？

Question

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

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

这是一个示例。这似乎是 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”怎么办？例如，看这个页面：

http://clayclerk.com/

图像的 Css 样式是：

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