CSS中的浮动属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
ul li{list-style: none;width: 200px;height: 100px;line-height: 100px;text-align: center;background-color: #ddd;margin: 10px;float: left;}
.class{clear: both;}
</style>
</head>
<body>
<ul>
<li>导航一</li>
<li>导航二</li>
<li>导航三</li>
<li>导航四</li>
<li>导航五</li>
<li>导航六</li>
</ul>
<div class="clear"></div>
</body>
</html>