abstrait：<!DOCMENT TYPE> <html> <head> <title>課后練習-CSS中的浮動</title> </head> <style type="text/css"> *{margin: 0;padding: 0;border: 0;
<!DOCMENT TYPE>
<html>
<head>
<title>課后練習-CSS中的浮動</title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;border: 0;}
.header{width: 960px;margin: 0 auto;height: 60px;background: pink;}
ul li{list-style: none;float: left;width: 150px;height: 60px;line-height: 60px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;}
.main{width: 960px;margin: 0 auto;background: #ccc;}
.left{width: 160px;float: left;background: #666;color:#fff;padding: 20px;}
.left div{width:100%;height:240px;}
.right{width: 720px;float: left;padding: 20px;}
h1{font-size: 24px;padding: 20px;}
p{font-size: 12px;color: #999;}
.footer{width: 960px;margin: 0 auto;height: 60px;background: #ccc;text-align: center;color:#fff;padding-top: 30px;}
.clear{clear: both;}
</style>
<body>
<div class="header">
<ul>
<li>首頁</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
<li>PHP</li>
</ul>
</div>
<div class="main">
<div class="left">
<div>模塊一</div>
<div>模塊二</div>
</div>
<div class="right">
<h1>成都市中小學生課后服務最遲將于4月實施</h1>
<p>四川在線消息（記者 江蕓涵）記者2月14日從成都市教育局獲悉，備受關注的《成都市中小學生課后服務實施意見》正式出臺。方案明確，成都市中小學課后服務從2019年春季學期開始，不晚于4月。具體方案由各區(qū)（市）縣制定，該項工作將逐步完善，形成常態(tài)機制。成都市教育局就各界關心的問題進行了詳細解讀。</p>
</div>
</div>
<div class="clear"></div>
<div class="footer">Copyright 2014-2018 http://ipnx.cn/ All Rights Reserved</div>
</body>
</html>
Professeur correcteur：滅絕師太Temps de correction：2019-02-15 15:02:46
Résumé du professeur：完成的不錯,代碼條理清楚,下次作業(yè)提交附代上作業(yè)完成圖片