宽度为25%的四个节点彼此不相邻？

我有一个标题节点,其中有四个子节点.没有边框,填充或边距.所有四个都有宽度:25%; css规则.在Opera中工作得很好,在IE中,最后一个块有时会根据窗口的宽度翻转到下一行.

我可以通过给一个块宽度为24.8%来解决它,但Opera将其解释为24%,因此在块的末尾留下1%的宽开放间隙.

我怎么解决这个问题？最后一个块可能会错过右边的像素.

http://ejohn.org/blog/sub-pixel-problems-in-css/

不幸的是,这是CSS世界中一个众所周知的问题.可能的问题是这些适合的100%像素等值是奇数,因此在计算像素时存在舍入误差.

通常我通过使用特定于IE的选择器来解决这个问题.Rob建议使用特定于浏览器的样式表,但我总是发现行为难以维护,并且需要从浏览器额外加载HTTP.我也讨厌CSS黑客,但你可以在声明适当的宽度后尝试着名的#width:24.9%(例如宽度:25%; #width:24.9%;).希望如果IE在未来的版本中修复了这个hack,那么它也会伴随着舍入问题.

此外,如果您知道父元素的像素宽度,您可以确保它可以被4整除.但如果这是一个流畅的布局,那么这不是一个选项.