导航栏完全离开了

Question

我的html网站上有一个导航栏。它应该完全在主页的左侧。但是我的CSS代码：

    #mainnav ul li {
    font-family: Verdana, Geneva, sans-serif;
    display:inline-block;
    text-align: center;
    float:left;
    margin-left:0px;
    padding:6px;
    list-style-type: none;
    width:22%;
    background-color: #093;
    text-transform: uppercase;

它做得很好。导航栏离左侧有点远。这是一个初学者的错误，是的。但我没有任何想法，我已经阅读了很多html＆amp; css教程。

感谢您的帮助。

Answer 1

您的CSS代码只适用于菜单的列表项，而不是根菜单本身。

更改

 #mainnav ul li {

到

 #mainnav {

另外，如果您使用的是“id”属性，那么您所拥有的内容是正确的，但如果您使用的是“class”属性，请确保使用“.mainnav”而不是“＃”。