導航填充在跨瀏覽器兼容不同

Question

http://danhumphrey.co.uk/nav/main.html

如果您在Chrome和Firefox或IE瀏覽器打開它，你會發現我有一些麻煩的LIS與導航欄正確排隊。

我已經在li的左側和右側添加了填充，然後嘗試向一個li添加自定義填充。關於我要去哪裏的任何提示錯誤？

感謝， 丹

Answer 1

1）從您的導航元素中刪除背景，

2）添加

nav ul li { 
... 
background: #474747 
} 

3）加入這個讓你LIS對齊到nav元素

#brands { 
margin-left: 20px; 
} 

4）如果你想調整你的導航高度lis lis ght，將導航高度增加到30px，因爲你的lis有28px高度和2x1px邊框，總共將變成30px