左浮动李元素不会拉伸全宽除火狐

我目前正在开发我的网站与一个新的布局和东西，并在Chromiums检查员摆弄几个小时后，似乎无法确定为什么内容标签不会像Firefox或IE9那样完全拉伸。右边似乎有一个小小的差距。左浮动李元素不会拉伸全宽除火狐

我仍然在整理整个css的过程中，所以冲突较少，但无论我做什么，标签都不会在webkit中完全拉伸。

下面是一个测试页面我已经建立了与jQuery的标签 http://bad-good.org/index.php/Troll_2

任何意见或解决方法？期待学习一些东西。欢呼声

2011-05-01 Lux Delux

它似乎在Firefox/Chrome/Safari中对我来说是一样的。你可以添加一个比较Firefox和Chrome的问题截图吗？你使用的是什么版本的Chrome？ – thirtydot 2011-05-01 17:19:55

这是截图 http://img708.imageshack.us/i/scrmf.jpg/ 我每晚都使用最新的Chromium。但是我注意到Maxthon中的同样的东西也是webkit afaik和Opera。 Firefox 4和IE9似乎正确显示它 – 2011-05-01 17:28:13

Kaspar：我明白了。它看起来也像我的Chrome一样。我之前没有注意到它，因为它只有几个像素，我很傻。 – thirtydot 2011-05-01 17:37:48

您已将ul设置为width:100%，其呈现为975px。 li设置为width:25%这在理论上应该是243,75px ... Chrome对小数进行近似（截断它们，因此243,75是243），如提到here。

我建议改变网站的宽度（例如960px）或使用与百分比相反的固定宽度。

2011-05-01 20:43:34

啊，我知道，不知道:) 的确，如果我将主包装宽度设置为1000px，那么它正常延伸，因为li正好是244px。猜猜我会保持1000px的包装，除非我发现其他问题。干杯！ – 2011-05-01 20:48:35

回答