我在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>
这很疯狂。