摘要：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS--浮动</title>
<link rel="shortcut icon" type="
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS--浮动</title>
<link rel="shortcut icon" type="image/x-icon" href="images/bd_logo1.png">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
*{margin: 0px;padding: 0px;}
ul li{list-style:none;width: 100px;height: 50px;background-color: #ccc;line-height: 50px;text-align: center;margin: 0px 1px;float: left;}
.box{width: 100px;height: 50px;float: left;text-align:center;background-color: red;line-height: 50px;margin: 0px 1px;}
.clear{clear: both;}
</style>
</head>
<body>
<ul>
<li>百度</li>
<li>淘宝</li>
<li>微信</li>
<li>微博</li>
<li>谷歌</li>
</ul>
<div class="clear"></div>
<div class="box">百度</div>
<div class="box">淘宝</div>
<div class="box">微信</div>
</body>
</html>
