奇怪的IE6相关的浮动布局错误

Question

我认为这可能是“标准”IE6布局错误之一，但经过一些搜索后，我看不到明显的解决方案。这是我的测试用例：

http://game-point.net/misc/ie6Test/

我希望它看起来的方式是它在Firefox3，Safari，Opera和IE8中的外观。红色矩形与绿色矩形重叠在右上方。

然而，在IE6中，发生了两件奇怪的事情。首先，在顶部框中（我没有指定未展开的DIV的宽度），绿色DIV不会清除，但其宽度确实不会浮动DIV。这似乎不对;浮动的DIV肯定会不流畅。绿色DIV和漂浮的DIV之间还有一个奇怪的3像素间隙。

在第二个框中，我指定了未展开的DIV的宽度，即使我没有设置'clear'CSS属性，未展开的DIV也会清除浮动的DIV。当然他们根本不应该清楚。

IE7非常相似，只不过它在浮动DIV的左边没有那个好奇的3px间隙。

1）这是我滥用CSS的方式，我做错了什么？ 2）如果这是一个IE6 / IE7错误，它是否众所周知，是否有解决方法？

Answer 1

3 pix gap是偷看一个嘘虫。或者在该元素上放置-3px的边距或者显示内联或两者。 pie.net有你所有的答案

Answer 2

好的，这个问题似乎在PositionIsEverything页面上得到了相当熟练的解释。看起来人们只需要使用符合标准的浏览器，如IE8，Firefox，Opera，Safari等，如果你想使用浮动布局并让它们看起来正确。