问题是亚像素舍入。当您使用百分比进行设计时,有时数学不会产生完整像素(721像素的70%为504.7像素)。721是任意的,但是使用百分比您会遇到任意数字。不可避免的是。大多数浏览器会为您提供一种不会破坏布局的四舍五入解决方案。IE7(及更高版本)只是四舍五入。向上舍入,您的容器宽度为721px,将包括一个框为505px,另一个为217px,总计722px-
超过100%。那时IE决定第二个盒子不适合放置并放在下面。
根据您的情况,有各种解决方案。妮可·沙利文(NicoleSullivan)有一个有趣的解决方案,它基于“溢出:隐藏;隐藏”;而不是浮点/宽度组合。我会尽可能使用它。在这里查看:
我发现“溢出”不会减少的另一种解决方案是在行中的最后一个元素上添加一个小的负边距。如果您向左浮动,请在右侧添加几个像素负边距。向右浮动,将其添加到左侧。我没有因此而受到任何负面影响(尽管我很高兴听到其他人是否这样做)。
希望能有所帮助。干杯。



