摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>顏色選擇器</title> <link rel="stylesheet" href="layui/css/layui.c
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>顏色選擇器</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<style>
#nav{width:450px;background:red;font-weight:900;line-height:30px}
ul li{float:left;width:80px}
.clear{clear:both}
.content{position:relative;left:50px}
.content span{display:block;height:50px;background:lightblue;width:300px}
.item{background:lightgreen;display:inline-block;height:50px;width:100px}
.item:nth-child(2){position:absolute;left:290px}
.se_menu{display:none}
.menu:hover .se_menu{display:block}
</style>
<div id="nav">
<ul>
<li>目錄一</li>
<li>目錄二</li>
<li>目錄三</li>
<li class="menu">目錄四
<ul class="se_menu">
<li>二級(jí)目錄1</li>
<li>二級(jí)目錄2</li>
</ul>
</li>
</ul>
<div class="clear"></div>
<div class="about"><p>php中文網(wǎng)是一個(gè)牛逼的網(wǎng)站</p></div>
</div>
<div class="content">
<div class="item">PHP</div>
<div class="item">JAVA</div>
<div class="item">PYTHON</div>
<span>javascript</span>
<span>bootstrap</span>
<span>jquery</span>
<div>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2019-01-31 09:27:01
老師總結(jié)：前端布局中控制浮動(dòng)是一大難點(diǎn),要注意清除浮動(dòng)哦