即使固定宽度的容器，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 
{ 
    float:left; 
    width:750px; 
} 

，并删除空白部，因为它不需要：

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

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

Answer 3

下面似乎还有工作在它的旁边。

Answer 4

是的，您的容器“ct_w”的宽度为1000px;你的左栏，“ct”也有1000px的宽度。您的侧边栏没有剩余空间，“ct_c3”。其他浏览器实际上是通过渲染侧边栏来实现的。事实上，他们只是这样做的，因为你没有清理你的浮动物，所以他们不理解ct_w的箱模型。

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