摘要：<!DOCTYPE html><html><head><title>css浮動(dòng)案例/塊級(jí)元素，行內(nèi)元素浮動(dòng)/2019/04/21/ 19：30</title><meta charset="utf-8"><style type="text/css"> *{padding:0px
<!DOCTYPE html>
<html>
<head>
<title>css浮動(dòng)案例/塊級(jí)元素，行內(nèi)元素浮動(dòng)/2019/04/21/ 19：30</title>
<meta charset="utf-8">
<style type="text/css">
*{padding:0px;margin:0px;font-size:18px;color:#fff;}
ul li{list-style:none;}
dl dd{list-style:none;}
a:link{text-decoration:none;}
a:link{color:#fff;}
a:hover{color:#ccc;}
.head{
width:auto;
height:60px;
background-color:#000000;
}
.head-top ul li{
margin:0px 15px;
line-height:60px;
text-align:center;
float:left;
}
/* .clear{clear:both;} */
</style>
</head>
<body>
<div class="head">
<div class="head-top">
<ul>
<li><a href="#">首頁(yè)</a></li>
<li><a href="#">社區(qū)問(wèn)答</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">技術(shù)文章</a></li>
</ul>
</div>
</div>
</body>
</html>
批改老師：西門大官人批改時(shí)間：2019-04-22 10:41:13
老師總結(jié)：最好上傳一下程序的運(yùn)行效果圖。float的作用是什么，如何清除浮動(dòng)？為什么要清除浮動(dòng)？