html - CSS，关于在导航栏中填写按钮，

Question

我在 CSS 方面有问题，我和一个 friend 只是随便在一个网页上工作(我们都是 HTML 和 CSS 的新手)。

这是该部分的代码:

.nav li {
 margin: auto;
 display: inline-block;
 color: white;
 padding: 10px;
 font: Times;
 text-align:center;
 float: inherit;
 }

.nav a {
text-decoration: none;
color: white;
display: inline-block;
padding: inherit;
}

当您查看我附上的图片时，您会发现该按钮没有完全填满导航栏。

here is the image (sorry for poor quality) .

谁能告诉我如何解决这个问题？

Answer 1

.nav li 有 padding ，删除 padding 并将 padding 应用于 anchor 元素。

.nav li{
padding:0
}

.nav li a{
padding:10px;
}

希望这对您有帮助..