所以我正在完美地跟随这个视频,该视频展示了如何编写下拉导航,基本上只是想找到最简单和最好看的方式来编写一个。无论如何,在视频中,这些家伙的文字似乎与他的导航对齐,但我的却没有。
视频: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;
}
最佳答案
您的下划线应该是 CSS 中的连字符。
#nav_wrapper should be #nav-wrapper.
关于html - 导航下拉菜单未居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20804407/