IE6 中的奇怪边距答案

【问题标题】：Strange margin in IE6IE6 中的奇怪边距
【发布时间】：2011-04-29 02:02:55
【问题描述】：

代码如下：

<html><head>
<style>
    *
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }
    #left
    {
        float: left;
        height: 90%;
        width: 100px;
        margin: 0px;
        padding: 0px;
        border: solid 1px Black;
    }
    #right
    {
        height: 90%;
        margin: 0px;
        padding: 0px;
        border: solid 1px Black;
    }
</style></head><body><div id="left">
    asdasd<br />
    asdasd<br />
    asdasd<br />
</div>
<div id="right">
    asdasd<br />
    asdasd<br />
    asdasd<br />
</div>

IE6 中的这 2 个 div 由白色列分隔。在 FireFox 中没关系（div 不分开）。你能给我一些建议来解决这个问题吗？

【问题讨论】：

标签： css internet-explorer html margin

【解决方案1】：

这是一个已知的 IE6 错误。最好在这里阅读：http://www.positioniseverything.net/explorer/threepxtest.html

快速解决方法是将两个 div 都向左浮动（但并不总是适用）。

【讨论】：

非常感谢。对两个 div 应用“float:left”确实很有帮助。
然而，我读过这个“3px ie bug”并通过应用“//margin-right: -3px;”解决了这个问题到左侧 div。效果很好。
好吧，使用浮点数并不能解决错误，只是禁用了复制条件。该修复确实应用了负 3px 边距。