爲什麼此導航欄不居中？

Question

我注意到導航li項目（黃色部分）是正確的中心，所以我改變了包含的寬度和背景背景顏色，以便我可以看到發生了什麼事情，試圖修復錯位;然而，我似乎無法看到這種情況發生的原因（大約6個瀏覽器）。

這裏是有問題的標記/ CSS：http://building-more.site50.net/

它似乎的jsfiddle做工精細：http://jsfiddle.net/cTXXH/1/

它似乎並沒有在IE中顯示在所有，這是怎麼回事錯在這裏？

Answer 1

這是因爲某些元素已經具有默認值，例如填充和拖尾會影響您的定位，並且這對於每個瀏覽器都可能不同。這就是爲什麼人們在默認使用自己的樣式之前，通常會「重置」CSS以默認使用0邊距和0填充。

您的示例在您的小提琴中正常工作，因爲已選中「正常化CSS」。這是一個類似於CSS重置的框架，可以在這裏找到：http://necolas.github.com/normalize.css/ - 它確保您的默認位置在瀏覽器之間保持一致，並且爲您提供一個乾淨的平臺。

如果你想將它包含到你的網頁中，它將解決你的問題。希望有所幫助。

Answer 2

此外，它看起來像你忘記了endif聲明中的結尾括號，用於IE檢查。

應該是：

<![endif]-->