サマリー：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSS中的浮動</title><style>ul li {list-style: none;width: 100px;height: 40px;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS中的浮動</title>
<style>
ul li {list-style: none;width: 100px;height: 40px;
line-height: 40px;text-align: center;background: yellow;
margin:5px 2px; float: left;}
.box{width: 100px; height:150px;text-align:center;background: lightgreen;float: left;margin: 2px;}
.clear{clear:both;}
</style>
</head>
<body>
<ul>
<li>首頁</li>
<li>新聞</li>
<li>通信</li>
<li>圖片</li>
<li>視頻</li>
<li>學術(shù)</li>
</ul>
<div class="clear"></div>
<div class="box">box1</div>
<div class="box">box2</div>
<div class="box">box3</div>
<div class="box">box4</div>
</body>
</html>
添削の先生：韋小寶添削時間：2019-03-15 14:47:30
先生のまとめ：寫的很不錯 基本上寫起來應(yīng)該沒有什么太大的難度吧 導(dǎo)航基本上都是會用li來做的 方便控制每塊的寬高