サマリー：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style>*{margin:0;padding:0;}ul li{list-style: none;width:150px;float:left;t
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;}
ul li{list-style: none;width:150px;float:left;text-align: center;background: #ccc;color:#fff;margin:5px 1px;}
.clear{clear:both;}
.test{width: 200px;height: 200px;background: yellow}
</style>
</head>
<body>
<ul>
<li>Jquery</li>
<li>PHP</li>
<li>JS</li>
<li>JAVA</li>
<li>HTML</li>
</ul>
<div></div>
<div>test1啊</div>
<div>test2</div>
<div>test3</div>
</body>
</html>
添削の先生：韋小寶添削時(shí)間：2019-03-06 16:15:30
先生のまとめ：浮動(dòng)在實(shí)際的開發(fā)中很常用 不要忘記使用多了浮動(dòng)要清除哦