为了账号安全,请及时绑定邮箱和手机立即绑定

二级菜单为什么不是横的?

我问一个问题,.nav li{float:left} 是设置过浮动的,为什么它的二级菜单并不会浮动?定位我都删掉以后依然不受影响,大家有没有考虑过?二级菜单为什么不是横的?

正在回答

2 回答

首先浮动不会继承,父元素浮动和子元素没有半毛钱关系;

定位应该只是让它脱离文档流,删掉定位会对导航栏下面的内容产生影响,不过下面这里没有内容,所以你看不到影响。

overflow的作用是让超出高度的内容隐藏掉,这里height为0,所以会全部隐藏掉,通过JS 一点一点增加height,实现下拉的动画效果。

2 回复 有任何疑惑可以回复我~

因为这个代码中 设置了宽度为固定的值,还设置了overflow:hidden,相当于清除浮动

.subNav{ position:absolute; top:30px; left:0; width:120px; height:0; overflow:hidden}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

二级菜单为什么不是横的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信