摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float浮动</title> <style> .nav{margin:0 auto; widt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float浮动</title>
<style>
.nav{margin:0 auto;
width:80%;
}
li{width: 100px;height:40px;
margin-left:5px;
background:#ff6500;
text-align: center;
float:left;
list-style: none;
line-height: 40px;
}
.clearer{clear:both;}
</style>
</head>
<body>
<div class="nav">
<li>首页</li>
<li>军事</li>
<li>政治</li>
<li>后勤</li>
<li>兵员</li>
<li>经费</li>
<li>作战</li>
<li>退役</li>
<div class="clearer"></div>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-02-19 15:16:44
老师总结：浮动在前端布局中非常常用,一定要知道在那种情况下一定要清除浮动哦!
