IE 6的bug?宽度:987

时间:2010-03-26 16:30:06

标签: html css internet-explorer-6 cross-browser

我在IE6中遇到了一个非常奇怪的问题。如果我设置div容器,请将宽度设置为987px,它会在容器和内部绝对定位元素之间添加一个间距。任何其他宽度都可以正常工作,它只是987.有什么东西我没有看到吗?

重现的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>IE6 Issue</title>
    <style type="text/css">
        body { background-color: #000; }
        #c1 { width: 987px; background-color: #fff; }
        #c2 { border: #f00 1px solid; zoom: 1; position: relative; }
        #tl, #tr { background-color: #000; font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; width: 4px; height: 6px; }
        #tr { left: auto; right: 0; }
    </style>
</head>
<body>
    <div id="c1"><div id="c2"><div id="tl"></div><div id="tr"></div>a</div>
</div>
</body>

这很疯狂。     

1 个答案:

答案 0 :(得分:3)

听起来像臭名昭着的IE6 Box Model Bug

另外3 pixels extra space in IE6