通過CSS瀏覽欄寬度

-4

我想通過CSS在Wordpress網站上設置導航欄的寬度。它應該是Mac上的52.5em（Safari/Chrome/Firefox）。但是，該設置會導致菜單中斷並在Windows（IE）上打包成兩行。通過CSS瀏覽欄寬度

是否有更好的方法來設置寬度，使其在所有瀏覽器中看起來都不錯（而不是靜態寬度值）？我試過width: 100%，但它這樣做：

enter image description here

我的CSS是：

#navigation { width: 52.5em; }

鏈接：VET PETS

你想要寬度100％。請記住，當寬度爲100％時，必須考慮到邊框，邊距等。寬度爲100％的結果是什麼。並且請記住寬度爲100％，我相信這將是第一個擁有職位的父母的100％。 – Leeish

設置'width：100％;'會導致菜單擴展到整個頁面寬度。聯繫我們後應該停止/切斷。查看截圖添加到原始帖子。 –

您需要根據它的子元素的整體寬度來基於#navigation寬度。這樣它總是會是正確的。 – Leeish

ul.nav { 
    position: relative; 
    margin-bottom: 0px; 
    width: 760px; 
    margin-right: 30px; 
}

width：760px; !!!!沒有汽車！

使用開發工具Firefox的工具Ctrl + Shift + I

2013-01-16 23:54:19

謝謝！這工作完美。 –

嘗試在ul.nav刪除margin-right: 30px;，它固定它我即

2013-01-16 23:05:59 LegendaryLaggy

你對菜單寬度有什麼價值？我加了'margin-right：0;'作爲ul.nav的規則。 –

這是之前你把它改爲'寬度：100％' – LegendaryLaggy

回答