摘要：<!DOCTYPE html><html> <head> &nbs
<!DOCTYPE html>
<html>
<head>
<title>相對定位,絕對定位</title>
<style type="text/css">
a{ text-decoration:none;}
a:hover{ font-weight:bold; text-decoration:underline; }
.rel_u li{
list-style:none;
border:1px solid #ccc;
float:left;
width:100px;
height:40px;
line-height: 40px;
text-align:center;
position:relative;
}
.rel_u li:hover { background:pink;}
.rel_u li ul {
display:none;
position:absolute;
left:-41px;
}
.rel_u li:hover ul
{
display: block;
}
</style>
</head>
<body>
<div class="rel">
<ul class="rel_u">
<li><a href="">web</a>
<ul>
<li>html</li>
<li>css</li>
<li>jqu</li>
</ul>
</li>
<li>php</li>
<li>js</li>
</ul>
</div>
</body>
</html>
批改老師：查無此人批改時(shí)間：2019-05-10 13:48:07
老師總結(jié)：完成的不錯(cuò)。定位后，每次跟預(yù)想的結(jié)果不一樣，因?yàn)槎ㄎ槐容^難理解。要多嘗試。繼續(xù)加油。