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

我认为这可能是“标准”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错误,它是否众所周知,是否有解决方法?     
已邀请:
3 pix gap是偷看一个boo bug。或者在该元素上放置-3px的边距或者显示内联或两者。 pie.net有你所有的答案     
好的,这个问题似乎在这个PositionIsEverything页面上得到了相当熟练的解释。看起来人们只需要使用符合标准的浏览器,如IE8,Firefox,Opera,Safari等,如果你想使用浮动布局并使它们看起来正确。     

要回复问题请先登录注册