内联块列的最大宽度为100％

Question

我在div中有三列是整页宽度。两侧的两个宽度为25％，中间的两个宽度为50％。这种布局工作正常，除了在IE6中，在某些页面宽度下，它会将右列碰到下一行。有没有解决这个问题？也许是另一种布局这样的页面的方法吗？

编辑：我正在使用跨浏览器内联块黑客，它在FF，IE，S，Chrome中运行良好。我很确定这个怪癖与IE计算流体含量宽度的方式有关，并且由于计算错误而发生（可能是舍入？）。我举了一个例子here。尝试在IE6中慢慢调整窗口宽度（也许是更高版本）并观察绿色DIV在某些宽度下被撞击。

谢谢，
布伦丹

Answer 1

这是IE6的盒子模型中的舍入问题。通常，您不能拥有100％的组合。尝试将您的值总和为总宽度的99％，它应该可以正常工作。这个解决方案一直对我有用。

Answer 2

听起来像该列中的一段内容可能具有定义的宽度，该宽度大于它给出的页面宽度的25％。你能提供CSS示例吗？

编辑：IE6不支持内联块，这也可能是问题。

编辑2 ：我在虚拟机中的IE6中的1680x1050屏幕上查看了它。当我从大约800px到1600px随时间缓慢拖动宽度时，它会随机移动右列。我怀疑这是你试图使用的黑客的问题。您的代码非常简单，我认为您应该考虑研究替代黑客。我也从未见过*<property>: <value>黑客。什么是*所有兼容的浏览器？