> 웹 프론트엔드 > HTML 튜토리얼 > 三级导航下拉菜单 在线等_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 08:59:43
원래의
1537명이 탐색했습니다.

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


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;}/*三级菜单项*/
    로그인 후 복사

  • 원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿