IE7 中错误的浮点翘曲答案

【问题标题】：Wrong float warping in IE7IE7 中错误的浮点翘曲
【发布时间】：2012-06-11 21:29:04
【问题描述】：

这里是test page，它在 IE7 中看起来不同，而在 Firefox 和 Opera 中则可以。
看来 FF 和奥普拉已经足够了

.twoColLiqRtHdr #mainContent {
     margin: 0 20px 0 10px;
}

右边距并相应地放置文本（文本填充侧边栏下方的空间），而 IE 使用#sidebar 的左边框作为边距，因此不使用该空间。
编辑： 这是精美图片中描述的全部内容：link。
请帮我解决它。

【问题讨论】：

【解决方案1】：

从#mainContent 中删除zoom: 1。

我知道您最初添加它是为了解决 IE 错误，但如果您还希望主要内容环绕浮动，您将不得不找到另一种方法来做到这一点。也许您可以将其添加到主要内容中的选择元素。

参见著名文章“On having layout”中标题为“Elements next to floats”的段落。

【讨论】：

【解决方案2】：

您是否尝试过将#sidebar1 的边距调整为0，尤其是在底部？还是向左浮动而不是向右浮动？看，我不是 IE 的 CSS-hacking 专家，但可能这会让你看到错误来自哪里。说到 IE7，可能会使用我一直以来最喜欢的 css-hack，有时它对我来说很神奇：

* html div {
 margin: 0;
 padding: 0;
}

【讨论】：