CSS中的浮动操作
<!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>