IE6 中的奇怪边距

Posted 2023-03-06

技术标签:

【中文标题】IE6 中的奇怪边距【英文标题】：Strange margin in IE6 【发布时间】：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 不分开）。你能给我一些建议来解决这个问题吗？

【问题讨论】：

【参考方案1】：

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

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

【讨论】：

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

以上是关于IE6 中的奇怪边距的主要内容，如果未能解决你的问题，请参考以下文章