尽管固定宽度的容器，IE强制浮动div到底部？

Question

我一直在研究http://healthimpactnews.com，我需要尽快解决这个问题。

出于某种原因，IE和IE只会将右侧边栏向下挤压到其他div下方，即使所有div列都是浮动的并且在固定宽度的容器内。我的浏览器在缩小尺寸时会创建一个水平滚动条，但IE只会强制降低div。

任何人都知道为什么？

Answer 1

课程ct_w的div为1000px宽度;

第一个孩子（ct）的宽度也是1000px，

所以它将第二个孩子ct_c3（右栏）推开......（向下）

<强>溶液

使用类width

完全删除div的ct属性

.ct {
    margin: 0px auto;
    width: 1000px; /** <--- remove this **/
}

Answer 2

是的，您的容器“ct_w”的宽度为1000px;你的左栏，“ct”的宽度也是1000px。你的侧栏没有留下任何空间，“ct_c3”。通过将侧边栏渲染到其他位置，其他浏览器实际上很不错。事实上，他们只是这样做，因为你没有清除你的花车，所以他们不理解ct_w的盒子模型。

在ct_w上使用clearfix，将ct的宽度设置为750px（或IE7为749px），并使ct向左浮动，然后您将看到您正在寻找的布局。

Answer 3

尝试设置以下内容：

.ct_w {
    ...
    float: left;
    width: 750px;
    ...
}

.ct_c3 {
   ...
   float: right;
   ...
}

Answer 4

以下似乎也有效：

.ct
{
    float:left;
    width:750px;
}

并删除边距部分，因为在浮动工具栏旁边时不需要它。