IE6 中奇怪的边距

发布于 2024-09-28 11:08:43 字数 784 浏览 4 评论 0原文

这是代码:

<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 没有分开)。您能给我一些在 IE6 中解决此问题的建议吗?

Here is the code:

<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>

These 2 div in IE6 are separated by white column. In FireFox it's ok (divs aren't separated). Can you please give me some advice to fix this in IE6?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

慵挽 2024-10-05 11:08:43

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

一个快速解决方法是将两个 div 向左浮动(但这并不总是适用)。

That's a known IE6 bug. It's best to read here: http://www.positioniseverything.net/explorer/threepxtest.html

A quick fix would be to float to the left both your divs (but it's not always applicable).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文