Html Can'；我的导航栏不能变小 我正忙着制作我的导航栏，我似乎不能让它变小，现在它看起来太厚了，我已经尝试过了，我试着改变填充物，边距等，似乎不能让它变大。改变高度使其变薄，但链接不会随div移动，也不会垂直居中。这可能是一个简单的疏忽，但我没有看到它，并将感谢您的帮助

HTML:

将此添加到css中：

ul{
 margin:0;
}

---

注：仅当您希望减小菜单栏的厚度时（如您在问题中提到的），这才有用。如果你想要一个更格式化的导航，你必须在这里面添加更多的东西。

你应该为

ul

和

li

使用float、margin和padding。赫拉是一位作家

---

添加

nav ul{margin:0；}

body     {
background-color:#000;
color:#fff;
}


p       {
text-align:center;
}

img     {
display:block;
margin-left:auto;
margin-right:auto;
padding:10px;
}

nav     {
background-color:#808080;
display:inline-block;
text-align:center;
padding:0;
width:1000px;
list-style:none;
}


nav ul li        {
display:inline-block;
}

ul{
 margin:0;
}

nav ul li {
    float:left;
    margin-right:10px;
    list-style:none;
}