摘要：<!DOCTYPE html><html><head> <title>float</title> <style type="text/css"> #daohang li{list-style: none; width: 100px;height: 40px;line-height: 40px;text-a
<!DOCTYPE html>
<html>
<head>
<title>float</title>
<style type="text/css">
#daohang li{list-style: none; width: 100px;height: 40px;line-height: 40px;text-align: center;background-color: #ccc;float: left; margin: 0 1px;}
.box1{background: #ff0000; color: #fff; width: 100px; height: 100px;float: right;}
.clear{clear: both;}
</style>
</head>
<body>
<ul id="daohang">
<li>Html</li>
<li>Css</li>
<li>JavaScript</li>
<li>JQuery</li>
</ul>
<div class="clear"></div>
<div class="box1">第一个div</div>
<div class="box1">第二个div</div>
<div class="box1">第三个div</div>
<div class="clear"></div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-02-27 09:17:07
老师总结：前端浮动是魔鬼 , 注意清除浮动的使用哦!
