サマリー：<!DOCTYPE html> <html> <head> <title>CSS中的浮動(dòng)</title> <meta charset="utf-8"> <style type="text/css"> *{margin: 0px
<!DOCTYPE html>
<html>
<head>
<title>CSS中的浮動(dòng)</title>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0px;padding: 0px;}
ul li{
list-style: none;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ccc;
margin: 0px 1px;
float: left;
}
.box{
width: 200px;
height: 200px;
background-color: pink;
float: left;
}
.clear{clear:both;}
</style>
</head>
<body>
<ul>
<li>html</li>
<li>css</li>
<li>javascript</li>
<li>php</li>
</ul>
<div class="clear"></div>
<div class="box">div1</div>
<div class="box">div2</div>
<div class="box">div3</div>
</body>
</html>
添削の先生：查無(wú)此人添削時(shí)間：2019-03-16 09:43:56
先生のまとめ：完成的不錯(cuò)。寫(xiě)好的作業(yè)，記得要保留。以后工作中，就可以直接拿來(lái)用。繼續(xù)加油