左浮動李元素不會拉伸全寬除火狐

我目前正在開發我的網站與一個新的佈局和東西，並在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

回答