导航填充在跨浏览器兼容性方面有所不同

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 与导航元素对齐

#brands {
margin-left: 20px;
}

4）如果要将导航高度调整为左侧高度，请将导航高度增加到30px，因为您的左侧具有28px的高度和2x1px的边框，总和变为30px