[Html][CSS]我的导航菜单元素的填充不一样

Question

正如您在图片中看到的，我的列表（导航菜单）中每个元素的填充不同，但我对所有元素都使用了相同的填充...

我知道问题是 padding/width 正在修改内容，我不知道如何解决！

Answer 1

您应该尝试将 display: block 添加到 nav a 选择器，因为 a 选择器默认不是块级元素。尝试将此添加到您的代码中。

nav a {
display: block;
}

Answer 2

它们具有相同的填充。参见 padding documentation。如果你想要全宽，你应该尝试 width: 100% 或 display: block（a 元素默认为 display: inline，如其他答案中所指出的）。