<style>*{margin:0;padding:0;}#toubu{?? ?background:#3d1;?? ?height:50px;?? ?width:1100px;?? ?margin:0 auto;}.nav, .nav ul{?? ?list-style:none;?? ?height:50px;?? ?line-height:50px;?? ?background:#red;}.nav>li{?? ?float:left;}.nav a{?? ?display:block;?? ?text-decoration:none;?? ?color:#000;?? ?padding:0 20px;}.nav a:hover,.nav li:hover ul{?? ?color:#fff;?? ?background:#999;?? ?display:block;}.nav li ul{?? ?display:none;?? ?background:#red;}.nav li ul li {?? ?position:relative;?? ?background:#red;}.nav li ul li ul{?? ?position:absolute;?? ?left:105px;?? ?top:0;?? ?}</style><div id="toubu">?? ?<ul class="nav">?? ??? ?<li><a href="#">1111111</a></li>??????? <li><a href="#">2222222</a>?????? ??? ?<ul>?????????? ??? ?<li><a href="#">7777777</a></li>??????????????? <li><a href="#">8888888</a>?????????????? ??? ?<ul>?????????????????? ??? ?<li><a href=“#”>123456</a></li>??????????????????????? <li><a href="#">123456</a></li>??????????????????? </ul>??????????????? </li>??????????????? <li><a href="#">9999999</a></li>??????????? </ul>??????? </li>??????? <li><a href="#">3333333</a></li>??????? <li><a href="#">4444444</a></li>??????? <li><a href="#">5555555</a></li>??????? <li><a href="#">6666666</a></li>??? </ul></div>
2 回答
已采納
子木李
TA貢獻(xiàn)46條經(jīng)驗(yàn) 獲得超27個(gè)贊
添加這兩樣css
.nav?li:hover?ul?li?ul{
????display:?none;
}
.nav?li?ul?li:hover?ul{
????display:?block;
}另外，建議把
.nav?li?ul?li?ul{
????position:absolute;
????left:105px;
????top:0;????
}中left:105px改為95px,要不然的話ul和li之間有空隙，鼠標(biāo)劃不到ul上就消失了
添加回答
舉報(bào)
0/150
提交
取消