css - css float 问题——阻止 IE6 将 div 放在下一行

Question

我在 IE6 中遇到 float div 的问题。

左侧有一个导航 div，页面其余部分有一个内容 div。它们具有以下 css 值:

#navigation {
    float: left;
    width: 185px;
    padding-left: 5px;
    overflow: auto;
    height: 100%;
}

#content {
    overflow: auto;
    height: 100%;
}

在 Firefox、IE8、Chrome 和 Opera 中，当我将页面调整到两个 div 无法作为一个整体容纳的大小时，内容 div 会出现滚动条。导航 div 留在原处。这就是所需的行为。

但是在 IE6 中，content div 没有滚动条。相反，当页面变得太小时，IE6 只是将内容 div 放在导航 div 下。

你知道有什么方法可以阻止 IE6 出现这种行为吗？

P. S.:我正在使用 IETester 在 IE6 模式下显示站点。我希望这个程序能正常工作。

Answer 1

用这些样式属性将它们包装在一个额外的 div 中:

div.wraps {
    width: 100%;
    overflow: hidden;
}