abstrait：<!DOCTYPE html><html><head> <title>浮動</title> <meta charset="utf-8"> <style type="text/css"> *{margin: 0;padding: 0;} .l{float: left; }
<!DOCTYPE html>
<html>
<head>
<title>浮動</title>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0;padding: 0;}
.l{float: left; }
.clear{clear:none;}
ul li{list-style: none;}
.header{width: 1600px;height: 60px;background: #000;color: #fff;}
.logo{width: 70px;height: 40px;}
.box{margin: 20px 30px;}
.new{margin-top: 20px;margin-left: 120px;}
</style>
</head>
<body>
<div class="header">
<div class="logo l">
<img src="http://ph7.shengqianku.cn/logo.jpg">
</div>
<div class="clear"></div>
<div >
<ul class="main ">
<li class="new l">首頁</li>
<li class="box l">視頻教程</li>
<li class="box l">社區(qū)問答</li>
<li class="box l">技術(shù)文章</li>
<li class="box l">編程詞典</li>
<li class="box l">資源下載</li>
<li class="box l">菜鳥學(xué)堂</li>
</ul>
</div>
</div>
</body>
</html>
Professeur correcteur：滅絕師太Temps de correction：2019-03-26 16:52:51
Résumé du professeur：完成的很好!浮動的使用主要就是記住要清除浮動哦!