CSS:清晰:左工作太好了?

标签 css css-float firefox3.6

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

我有一个 2 列布局(左边是 strit,然后是主要区域)。在主要区域,我有时会有一个次要的 2 栏布局(例如 - 对于新闻部分,那里有一个图标,然后是新闻元素)。当我在新元素上向左清除时,不是清除它上面的图像(它是 float 的),而是清除左侧的导航栏。

这是一个sample .这似乎是 FF3.6 上的问题,而 IE8 似乎没问题。

最佳答案

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

关于CSS:清晰:左工作太好了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4922098/

相关文章:

css - 样式 “input file” - 效果很好,但有一点烦人的问题

debugging - 为什么 console.log 语句不再出现在我的 FireBug 控制台中?

html - 自动溢出时背景颜色不扩展

css - 我正在尝试以响应方式对齐两篇文章的图像。容器的高度未知。我该怎么做呢?

html - 如何使一个div内的图像与另一个div重叠?

jquery - 多个复选框和 Jquery

html - 包裹在容器中的流体 float 元件

css - 当我调整窗口大小时,除了扩展的 div 之外还有一些差距

html - 并排 float 无符号列表中的 2 个元素