Question

因此，我正在完美地关注这段视频，该视频展示了如何编写下拉导航，基本上只是寻找最简单，最好看的方式来编写导航。无论如何，在视频中，人们的文字似乎在他的导航中对齐，但我的不是。

视频：https://www.youtube.com/watch?v=PN1iMaVfzfQ

HTML

使用下拉菜单导航

<link href="styles.css" type="text/css" rel="stylesheet"/>

<body>

    <div id="nav">
        <div id="nav-wrapper">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Social</a></li>
            </ul>
        </div>
    </div>

</body>
</html>

CSS

body{
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    font-family: Arial;
    font-size: 18px;
}

#nav {
    background-color: #222;
}

#nav_wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

Answer 1

你的下划线应该是CSS中的连字符。

#nav_wrapper should be #nav-wrapper.

导航下拉菜单不居中

1 个答案: