Maison > interface Web > tutoriel HTML > 三级导航下拉菜单 在线等_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 08:59:43
original
1538 Les gens l'ont consulté

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


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

 nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
 
三级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;}/*三级菜单项*/
    Copier après la connexion

  • Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal