我想创建一个使用 html 和 css 的导航栏,就像http://stuff.tv/中的导航栏一样导航栏,即使在滚动时它也会粘在顶部。
这是我的导航栏的 html 代码:
<div id="menu" class="container">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
这是css参考:
#menu {
overflow: hidden;
height: 100px;
background-color: #262626;
width: 100%;
height: 100px;
box-shadow: 0 1px 50px #5E5E5E;
position: fixed;
top: 0;
clear: both;
float: none;
}