我的顯示錯誤，來看一下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Html</title>
</head>
<style dype="text/css">
*{margin: 0px; padding: 0px;}
.tou{
width:1300px;?
height:50px;
position: absolute;
background: #FF4F1E;
? ? margin:0 auto
}
ul{
list-style: none
}
ul li{float: left;width: 300px; line-height:50px; text-align: center;}
a{text-decoration: none;color:#000000;display: block;}
a:hover{color: #FFFFFF; background-color: #3B3B3B}
ul li ul li{float: none; background-color: #EEEEEE; margin-top: 2px;}
ul li ul li a:hover{background-color: #7C7C7C}
ul li ul li:hoverd{display: block}
</style>
<body>
<div class="tou">
?<ul>
? <li><a href="">推薦</a></li>
? <li><a href="">地方特產</a>
? <ul>
? <li><a href="">JavaScript</a></li>
? <li><a href="">jQuery</a></li>
</ul>
?
? <li><a href="">著名小吃</a></li>
? <li><a href="">文化了解</a></li>
</div>
</body>
</html>
2017-08-07
不知道你要的是什么效果。你貼出的代碼，有幾處ul，li都是不成對的。