我在此页面遇到问题：
http://seatgeek.com/atlanta-hawks-tickets/.如果您从Firefox中的“正常”设置缩小一个级别,则页面如下所示：.这发生在FF版本3.6和4.0. Webkit并不会发生这种情况.
显然问题在于“list_details”div中的元素.可以通过将“col1”或“col2”的宽度减小1px或通过将“vevent”li元素增加1px来修复问题,但这些修复会导致设计呈现不正确.
如果加上“col1”和“col2”的宽度,还要考虑到它们的横向填充和边框,总宽度为647px.但是,当包含两个“vevent”元素的宽度为648px时,它只会在Firefox中正常显示(当缩小一级时).这是为什么？
解决方法
因为这似乎已经被碰撞了,但原来的代码是不可用的,我可以说差异是由四舍五入(或子像素)造成的,OP表示,当div是648px宽的时候,问题没有发生.无论缩放级别如何,偶数都可以减半,或者在2列之间拆分(OP也提到2列)
不过,这个奇怪的数字647像素将被Firefox所区分
我无法确切地说出如何看不到这两列的宽度,但是John Resig的这篇博文可能会更好地解释
