一級菜單寬度影響二級菜單寬度,怎么破?
各位大大,這里的二級菜單的寬度不影響一級菜單啊,可是一級菜單寬度影響二級菜單呀,是什么原因?怎么解決?
<!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="">導航航</a>
<ul>
<li><a href="">娛導航導導樂</a></li>
<li><a href="">生活</a></li>
<li><a href="">工作</a></li>
</ul>
</li>
<li><a href="">興趣航導航航導航</a>
<ul>
<li><a href="">影音導航導航導</a></li>
<li><a href="">讀書</a></li>
<li><a href="">旅行</a></li>
</ul>
</li>
<li><a href="">圈子航導航</a></li>
</ul>
</div>
</body>
</html>
2016-09-08
代碼拷下來沒有發現問題··