為什么當(dāng)二級菜單欄目名字很長時(shí)我的li不會邊長而是另起一行呢？？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<style type="text/css">
*{ margin:0px; padding:0px;}
?#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}
?ul{ list-style:none;}
?ul li{ line-height:40px; text-align:center; position:relative; float:left;}
?a{ text-decoration:none; color:#000; display:block; width:90px;}
?a:hover{ color:#FFF; background-color:#666;}
?ul li ul li{ float:none;margin-top:2px; background-color:#eee; }?
?ul li ul{width:90px; position:absolute; ?display:none; }
?ul li:hover ul{display:block;}
</style>
<body>
<div id="menu">
<ul>
<li><a href="#">首頁</a>
</li>
<li><a href="#">關(guān)于我們</a>
<ul>
<li><a href="#">公司簡介公司簡介</a></li>
<li><a href="#">榮譽(yù)資質(zhì)</a></li>
</ul>
</li>
<li><a href="#">新聞中心</a>
<!--<ul>
<li><a href="#">公司簡介</a></li>
<li><a href="#">榮譽(yù)資質(zhì)</a></li>
</ul>-->
</li>
<li><a href="#">廠容廠貌</a>
<!--<ul>
<li><a href="#">公司簡介</a></li>
<li><a href="#">榮譽(yù)資質(zhì)</a></li>
</ul>-->
</li>
<li><a href="#">在線留言</a>
<!--<ul>
<li><a href="#">公司簡介</a></li>
<li><a href="#">榮譽(yù)資質(zhì)</a></li>
</ul>-->
</li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</div>
</body>
</html>
2017-08-25
?ul li ul{width:90px; position:absolute; ?display:none; } ?因?yàn)槟阍O(shè)置了寬度90px