Question

以下是代码：

<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中的这两个div由白色列分隔。在FireFox中它没问题（div没有分开）。你能否给我一些建议来解决这个问题？

Answer 1

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

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

IE6中的奇怪边缘

1 个答案: