我用 css 制作了一个简单的导航栏,但它如何在我的 <li>
的底部显示边距标签。这是图片。当我删除 float 属性时,<li>
下的边距消失。
这是 css。
nav{
background:#333;
}
nav ul{
display:inline-block;
}
nav ul li{
display:inline;
float:left;
list-style:none;
}
nav ul li a{
color:#fff;
padding:15px;
display:block;
text-decoration:none;
font-weight:600;
font-size:16px;
}
最佳答案
您应该从 nav ul
中删除 display:inline-block;
并为 使用
没有display:inline-block;
nav ul lifloat
即
nav{
background:#333;
}
nav ul li{
display:inline-block;
list-style:none;
}
nav ul li a{
color:#fff;
padding:15px;
display:block;
text-decoration:none;
font-weight:600;
font-size:16px;
}
关于html - 向左浮动时 li 元素下的未知边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23082682/