我正在尝试在页面顶部创建一个导航栏,该导航栏与页面顶部齐平,例如http://mightytext.net/。但是,我总是在页面的顶部和侧面添加一些白色填充。
如何摆脱这种填充,使内容直接与页面顶部对齐?
这是我的代码:
<div id='header'>
<ul id="nav">
<li><a href="#">About Us</a></li>
<li><a href="#">Our Products</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
</ul>
#nav {
width: 100%;
float: left;
display: block;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #3498DB;
}
#nav li {
float: left;
}