abstract：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSS中的浮动</title><style>ul li {list-style: none;width: 100px;height: 40px;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS中的浮动</title>
<style>
ul li {list-style: none;width: 100px;height: 40px;
line-height: 40px;text-align: center;background: yellow;
margin:5px 2px; float: left;}
.box{width: 100px; height:150px;text-align:center;background: lightgreen;float: left;margin: 2px;}
.clear{clear:both;}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>新闻</li>
<li>通信</li>
<li>图片</li>
<li>视频</li>
<li>学术</li>
</ul>
<div class="clear"></div>
<div class="box">box1</div>
<div class="box">box2</div>
<div class="box">box3</div>
<div class="box">box4</div>
</body>
</html>
Correcting teacher：韦小宝Correction time：2019-03-15 14:47:30
Teacher's summary：写的很不错 基本上写起来应该没有什么太大的难度吧 导航基本上都是会用li来做的 方便控制每块的宽高