当前位置:Gxlcms > html代码 > 三级导航下拉菜单在线等_html/css_WEB-ITnose

三级导航下拉菜单在线等_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:25人阅读

网上下了一个三级导航菜单,但是有点小问题,下拉的菜单高度怎么变小,高度一改变,导航上的高度也变了,如下图所示,想把下拉菜单的高度变小点,导航菜单高度不变,求高手解决!谢谢






三级dropdown弹出菜单







回复讨论(解决方案)

给li增加样式

怎么增加呢,加在哪里

给li增加样式

  • 具体的你要自己调

    大小改好后,字体不能居中,一直靠近最底端,设置了好几个属性也不行

  • 具体的你要自己调

    大小改好后,字体不能居中,一直靠近最底端,设置了好几个属性也不行


  • 具体的你要自己调


    line-height:15px;

    这样是不可以的

    怎么都 没人那

    line-height: 150%

    修改之前要弄清楚三级菜单之间的关系,原来的是在父级a标签里定义高度、行间距了,下面的二、三级菜单就自动继承了。
    解决办法就是:不要在父级定义,分别在各子级定义。

    .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; font-size:11px; overflow:hidden;} .menu ul li {float:left; margin-right:1px; position:relative; line-height:40px;} /*一级菜单项*/.menu ul li:hover ul li { line-height:30px;}/*二级菜单项*/.menu ul li:hover ul li ul li{ line-height:30px;}/*三级菜单项*/

    人气教程排行