abstrakt：<!DOCMENT TYPE> <html> <head> <title>課后練習(xí)-CSS中的浮動(dòng)</title> </head> <style type="text/css"> *{margin: 0;padding: 0;border: 0;
<!DOCMENT TYPE>
<html>
<head>
<title>課后練習(xí)-CSS中的浮動(dòng)</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>成都市中小學(xué)生課后服務(wù)最遲將于4月實(shí)施</h1>
<p>四川在線消息（記者 江蕓涵）記者2月14日從成都市教育局獲悉，備受關(guān)注的《成都市中小學(xué)生課后服務(wù)實(shí)施意見》正式出臺(tái)。方案明確，成都市中小學(xué)課后服務(wù)從2019年春季學(xué)期開始，不晚于4月。具體方案由各區(qū)（市）縣制定，該項(xiàng)工作將逐步完善，形成常態(tài)機(jī)制。成都市教育局就各界關(guān)心的問題進(jìn)行了詳細(xì)解讀。</p>
</div>
</div>
<div class="clear"></div>
<div class="footer">Copyright 2014-2018 http://ipnx.cn/ All Rights Reserved</div>
</body>
</html>
Korrigierender Lehrer：滅絕師太Korrekturzeit：2019-02-15 15:02:46
Zusammenfassung des Lehrers：完成的不錯(cuò),代碼條理清楚,下次作業(yè)提交附代上作業(yè)完成圖片