Question

求助，CSS为什么我的三级菜单出现后会出现这种移位的现象？该怎么解决

<style type="text/css">
#nav a{
display:block;
width:160px;
font-size:30px;
font-family:"楷体";
}
#nav{/* 一级菜单设置 */
margin:0 auto;
}
#nav li{/* 一级菜单悬浮设置 */
float:left;
list-style-type:none;
}
#nav li a{/* 一级属性设置 */
color:#ffffff;
background:#00a0e9;
height:35px;
}
#nav li a:hover{/* 一级菜单鼠标悬浮设置 */
color:#000;
background:#999;
}
#nav li ul{/* 二级菜单设置 */
list-style-type:none;
margin:0px;
display:none;
padding:0;
}
#nav li ul li{/* 二级菜单悬浮设置 */
float:none;
}
#nav li ul li a{/* 二级菜单属性设置 */
width:160px;
height:35px;
background:#7ecef4;
color:#ffffff;
}
#nav li ul li a:hover{/* 二级菜单鼠标悬浮设置 */
background:#999;
color:#000000;
}
#nav li ul li ul{/* 三级菜单设置 */
list-style-type:none;
display:none;
margin-left:60px;
}
#nav li ul li ul li a{/* 三级菜单属性设置 */
width:160px;
height:35px;
background:#7ecef4;
color:#ffffff;
}
.yy{/* 避免窗口空白条 */
clear:both;
height:10px;
line-height:1px;
font-size:1px;
}
#ddst{
z-index: 2;
display:table;
height:auto;
margin:0 auto;
width:960px;
}
</style>
</head>





Answer 1

margin padding值都设置一下，不然就调试一下看看。还不行就把完整代码贴上来

追问

试过了都不行，我已经贴了完整代码，求解答