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

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

• 网站首页
  
  
  
  
  • zero dollars
  
  
  • wrapping text
  
  
  • styled form
  
  
  • active focus
  
  
  • HOVER/CLICK >
    
    
    
    
  
  
  • shadow boxing
  
  
  • image map
  
  
  • fun backgrounds
  
  
  • fade scrolling
  
  
  • em sized images
  
  
  
  
  


• 关于我们
  
  
  
  
  • spies menu
  
  
  • vertical menu
  
  
  • enlarging list
  
  
  • link images
  
  
  • non-rectangular
  
  
  • jigsaw links
  
  
  • circular links
  
  
  
  
  


• 涂层检测
  
  
  
  


• 实验室检测
  
  
  
  


• 工业检测
  
  
  
  


• 环境检测
  
  
  
  


• 订单跟踪
  
  
  
  
  • opaque colours
  
  
  • opaque menu
  
  
  • partial opacity
  
  
  • partial opacity II
  
  
  • 
    
    
    
    
    • styled form
    
    
    • active focus
    
    
    • hover/click
    
    
    
    
    
  
  
  
  
  

回复讨论(解决方案)

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