Question

二级导航菜单不显示，并且如何导航在页面居中，怎么修改代码

<style>body,ul,li{margin:0 auto; padding:0; text-align:center; }body{font-size:20px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}#menu{width:100%; overflow:hidden; background-color:#438FBF; margin:0 auto;}#menu ul{ width:960px; position:relative; margin:0; display:block; }#menu ul li{float:left; line-height:60px; height:60px; list-style:none; width:160px;}#menu ul li ul{ width:160px; display:none; background-color:#438FBF; position:absolute; display:list-item; }#menu ul li ul li{text-align:left}#menu ul li a{color:#FFFFFF; text-decoration:none; display:block; height:60px; width:160px}#menu ul li:hover{background-color:#316E94;}#menu ul li:hover ul{ display:list-item; background-color:#438FBF;}#menu ul li:hover ul li:hover{ background-color:#316E94;}</style><div id="menu"> <ul> <li><a href="#">首页</a> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> </ul> </li> <li><a href="#">HTML教程</a></li> <li><a href="#">CSS基础</a></li> <li><a href="#">CSS开发工具</a></li> <li><a href="#">CSS特效</a></li> <li><a href="#">CSS问题</a></li> </ul> </div>

Answer 1

页面居中的话 你要简单点可以margin-left 但是这样不好 页面缩放时 布局会乱 所以你可以 将一级UL用div装起来然后 设置一个宽度（%或者PX）然后用margin：0 auto；居中

追问

二级导航没有显示 不知道那里问题，能帮忙看下吗 居中可以了