Css 左浮动李元素赢得';除非在Firefox中,否则不能全宽拉伸

Css 左浮动李元素赢得';除非在Firefox中,否则不能全宽拉伸,css,list,css-float,html-lists,Css,List,Css Float,Html Lists,我目前正在用一种新的布局和东西开发我的网站,在Chromiums inspector中花了几个小时摆弄之后,似乎无法确定为什么内容标签不能像Firefox或IE9那样完全伸展。右边似乎有一个小缺口 我仍在整理整个css,以减少冲突,但无论我做什么,选项卡都不会在webkit中完全伸展 这是我用jquery选项卡设置的测试页面 有什么想法或解决办法吗?期待着学习一些东西。干杯您已将ul设置为width:100%,并呈现为975px。 li设置为宽度:25%,理论上应为243,75px。。。Chr

我目前正在用一种新的布局和东西开发我的网站,在Chromiums inspector中花了几个小时摆弄之后,似乎无法确定为什么内容标签不能像Firefox或IE9那样完全伸展。右边似乎有一个小缺口

我仍在整理整个css,以减少冲突,但无论我做什么,选项卡都不会在webkit中完全伸展

这是我用jquery选项卡设置的测试页面


有什么想法或解决办法吗?期待着学习一些东西。干杯

您已将
ul
设置为
width:100%
,并呈现为
975px
li
设置为
宽度:25%
,理论上应为
243,75px
。。。Chrome对小数进行了下限近似(截断它们,因此243,75是243),如前所述


我建议更改站点的宽度(例如960px)或使用与百分比相反的固定宽度。

您已将
ul
设置为
width:100%
,呈现为
975px
li
设置为
宽度:25%
,理论上应为
243,75px
。。。Chrome对小数进行了下限近似(截断它们,因此243,75是243),如前所述


我建议更改站点的宽度(例如960px)或使用固定宽度而不是百分比。

对我来说,在Firefox/Chrome/Safari中看起来是一样的。你能添加一个对比Firefox和Chrome的屏幕截图吗?你使用的是什么版本的Chrome?这是我每晚使用的最新Chrome的屏幕截图。但我在马拉松中也注意到了同样的事情,也就是webkit afaik和Opera。Firefox4和IE9似乎都能很好地显示出来。在我的Chrome中也是这样。我只是以前没有注意到它,因为它只有几个像素,而且我很傻。对我来说,它在Firefox/Chrome/Safari中看起来是一样的。你能添加一个对比Firefox和Chrome的屏幕截图吗?你使用的是什么版本的Chrome?这是我每晚使用的最新Chrome的屏幕截图。但我在马拉松中也注意到了同样的事情,也就是webkit afaik和Opera。Firefox4和IE9似乎都能很好地显示出来。在我的Chrome中也是这样。我只是以前没有注意到它,因为它只有几个像素,我很傻。啊,我明白了,我不知道:)事实上,如果我将主包装宽度设置为1000px,那么它会正常拉伸,因为li正好是244px。除非我发现其他问题,否则我会把包装器保持在1000px。干杯啊,我明白了,我不知道:)事实上,如果我将主包装宽度设置为1000px,那么它会正常拉伸,因为li正好是244px。除非我发现其他问题,否则我会把包装器保持在1000px。干杯