IE6 布局问题 - 应该非常简单答案

【问题标题】：IE6 Layout Issue - should be extremely simpleIE6 布局问题 - 应该非常简单
【发布时间】：2012-01-28 22:38:18
【问题描述】：

我正在为自己构建一个简单的 HTML/CSS 模板，即here，它在除 IE6 之外的所有应用中都非常有效。在 IE6 中，侧边栏被推到底部，这告诉我 IE 的宽度错误。

#wrapper div 的宽度为 940 像素。 #mainContent div 的宽度为 730 像素 #sidebar div 的宽度为 209 像素。

730 像素 + 209 像素 = 939 像素

我没有在这些 div 上使用填充、边距或边框...所以我认为这不是盒子模型的问题。

有人知道为什么 IE6 会崩溃吗？我添加了IE7 Javascript Code 修复，但不幸的是我看不到它是否有效，因为 Adobe Browser Lab 和 Netrenderer 不接受 javascript。

如果您可以弹出 Firebug 并查看 template，我相信你们中的一些人可以立即发现问题所在。

非常感谢

【问题讨论】：

【解决方案1】：

见：http://jsbin.com/itolaw/5

我将float: left 添加到#sidebar，并将position: relative 添加到#mainContent。我还删除了IE7.js。

正如您在问题中提到的那样，我已经使用 IE NetRenderer 在 IE6 中对其进行了测试。

【讨论】：

【解决方案2】：

我建议明确设置每个对象的宽度，这通常可以解决 IE6 下的问题（请记住对象的外部宽度是width+margin+padding，所以当您计算所需的宽度考虑）。

您似乎正在使用填充。

【讨论】：