Home > Web Front-end > HTML Tutorial > 三级导航下拉菜单 在线等_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 08:59:43
Original
1537 people have browsed it

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


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;}/*三级菜单项*/
    Copy after login

  • source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template