课程
/前端开发
/HTML/CSS
/导航条菜单的制作
我问一个问题,.nav li{float:left} 是设置过浮动的,为什么它的二级菜单并不会浮动?定位我都删掉以后依然不受影响,大家有没有考虑过?二级菜单为什么不是横的?
2016-03-11
源自:导航条菜单的制作 6-2
正在回答
首先浮动不会继承,父元素浮动和子元素没有半毛钱关系;
定位应该只是让它脱离文档流,删掉定位会对导航栏下面的内容产生影响,不过下面这里没有内容,所以你看不到影响。
overflow的作用是让超出高度的内容隐藏掉,这里height为0,所以会全部隐藏掉,通过JS 一点一点增加height,实现下拉的动画效果。
因为这个代码中 设置了宽度为固定的值,还设置了overflow:hidden,相当于清除浮动
.subNav{ position:absolute; top:30px; left:0; width:120px; height:0; overflow:hidden}
举报
水平、垂直、圆角导航条菜单,让您的技术探索之路更高效