<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貢獻46條經驗 獲得超27個贊
添加這兩樣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之間有空隙，鼠標劃不到ul上就消失了
- 2 回答
- 0 關注
- 1392 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消