<div id="navigation">
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Links</a></li>
		<li><a href="#">FAQs</a></li>
		<li><a href="#">Contact</a></li>
		<li><a href="#">Guestbook</a></li>
	</ul>
</div>

#navigation {
	width: 100%; /*宽度为100%，以填充整个屏幕的宽度*/
	float: left; /*左浮动*/
	margin: 0 0 1px 0; /*设置margin的关键是左右的值都为零*/
	padding: 0;
	background-color: #F7F7F7;
}
#navigation ul {
	list-style: none; /*不显示列表项前面的黑点*/
	width: 800px; /*宽度必须和主框架的宽度相等*/
	margin: 0 auto; /*整个列表居中*/
	padding: 0;
}
#navigation li {
	float: left; /*使导航栏编程水平导航栏*/
}
#navigation li a {
	display: block; /*把导航栏里的链接设置为块元素*/
	padding: 8px 15px;
	text-decoration: none;
}