三级目录覆盖二级目录

三级目录覆盖二级目录

请问视频中未让三级目录定位前,三级目录是怎么覆盖二级目录的?为什么第一个二级目录显示了,而后两个被覆盖了

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好,三个三级目录,前两个两个覆盖了二级目录,第三个因为高度不够与下面的“慕课网标题”重复了,可认真查看下这个图,

http://img1.sycdn.imooc.com/climg//5996bf2c00012ca902260298.jpg

祝学习愉快~

卡布琦诺 2017-08-18 18:20:08

第一个二级目录显示,而后两个被覆盖是因为设置了nav-li:hover ul{display:block},鼠标放在哪个父元素(nav-li)哪个父元素的子级(二级菜单)就显示,而鼠标没有放在上面的父元素的子元素(二级菜单)就不显示,因此当鼠标放在nav-li父元素上时,第一个二级目录显示,而后两个被覆盖,祝学习愉快!

刘光耀Joseph 2017-08-18 01:36:53

因为每个 li 设置了固定40px的高度 然后它的所有子元素高度超过这个高度的话 肯定会与下一个 li 重叠  你可以chrome调试工具  调试增加 li 的高度值看看 ~~

  • 提问者 慕粉3656287 #1
    一共有三个三级目录,后两个覆盖了二级目录,那第一个去哪了?
    2017-08-18 16:47:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师