div+css制作的导航栏二级菜单为什么是竖向的

html-css011

div+css制作的导航栏二级菜单为什么是竖向的,第1张

#nav li ul{width:100px}

很简单,你里面没给宽度。

看代码应该是新手吧,给你一个很好的建议。你这里不是ul套li套ul套li么?所有你本想设置外面的ul或者li样式,结果搞得里面的也有样式,还得把里面的消除掉,这样很累。

建议给ul和li不同的class,例如最外面打的ul class="nav",一级导航li class="nav_li"。二级导航ul class="sub_nav" li class="sub_nav_li"

这样就不会冲突了。

最后,不要随便乱加class,保证每个class都有意义。

祝你好运

ie6是不支持li:hover 这个css样式的,遨游也是基于ie6的内核,我在网上查了一下,根据你的代码改起来比较麻烦,建议放弃吧,改用javascript的,网上有很多现成的代码,如果硬要修改的话,建议参考

http://www.cnscn.org/read.php?tid=14335

这是我拿网络上的一个纯CSS菜单样式修改的竖排样式,你可以拿去参考和再次修改。

希望能帮到你。

下面是效果图,左侧是未展开的,右侧是展开的效果。