<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style>
*{margin:0;?padding:0;}
#nav{background-color:#eee;?width:600px;?height:40px;?margin:0?auto;}
#nav?ul{?list-style-type:none;??}
#nav?ul?li{float:left;?height:40px;?line-height:40px;?text-align:center;?position:relative;}
#nav?ul?li?a{?text-decoration:none;?color:#000;?display:block;?padding:0?10px;}
#nav?ul?li?a:hover{color:#FFF;?background-color:#333;}
#nav?ul?li?ul{?display:none;?position:absolute;?top:40px;?left:0;}
#nav?ul?li?ul?li{float:none;?background-color:#eee;?margin-top:2px;}
#nav?ul?li:hover?ul{display:block;}
#nav?ul?li?ul?li?{height:40px;?width:auto;}
</style>
</head>
<body>
<div?id="nav">
<ul>
<li><a?href="#">首頁</a></li>
<li><a?href="#">課程大廳</a>
<ul>
<li><a?href="#">Javascript</a></li>
<li><a?href="#">jQrey</a></li>
<li><a?href="#">PHP</a></li>
<li><a?href="#">HTML5</a></li>
<li><a?href="#">CSS</a></li>
</ul>
</li>
<li><a?href="#">學習中心</a></li>
<li><a?href="#">經典案例</a></li>
<li><a?href="#">關于我們</a></li>
</ul>
</div>
</body>
</html>在360瀏覽器極速模式下效果很正常 ，但換了兼容模式下拉菜單就不行了。主要是下拉菜單的每個小塊塊之間空隙太大。請問需要加點什么代碼嗎？效果如圖：
我看vivian老師的下拉菜單。用CSS布局做出來，在IE瀏覽器卻不兼容，請問哪里需要改一下。
Tang小溪
2016-07-15 21:52:56