一級(jí)菜單寬度影響二級(jí)菜單寬度，怎么破？
各位大大，這里的二級(jí)菜單的寬度不影響一級(jí)菜單啊，可是一級(jí)菜單寬度影響二級(jí)菜單呀，是什么原因？怎么解決？
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>菜單制作</title>
<style type="text/css">
*{margin:0px;padding:0px;}
#nav{width:960px;margin:0 auto;background-color: yellowgreen;height:45px;}
ul li{float:left;list-style: none;line-height: 45px;text-align: center;position:relative;}
a:hover{background-color:#ccc;color:pink;}
a{text-decoration: none;padding:0 10px;display:block;}
ul li ul{position:absolute;top:45px;left:0px;display:none;}
ul li:hover ul{display:block;}
ul li ul li{clear:left;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="">導(dǎo)航航</a>
<ul>
<li><a href="">娛導(dǎo)航導(dǎo)導(dǎo)樂(lè)</a></li>
<li><a href="">生活</a></li>
<li><a href="">工作</a></li>
</ul>
</li>
<li><a href="">興趣航導(dǎo)航航導(dǎo)航</a>
<ul>
<li><a href="">影音導(dǎo)航導(dǎo)航導(dǎo)</a></li>
<li><a href="">讀書(shū)</a></li>
<li><a href="">旅行</a></li>
</ul>
</li>
<li><a href="">圈子航導(dǎo)航</a></li>
</ul>
</div>
</body>
</html>
2016-09-08
代碼拷下來(lái)沒(méi)有發(fā)現(xiàn)問(wèn)題··