3 レベルのナビゲーション ドロップダウン メニュー オンライン待機中_html/css_WEB-ITnose

オンラインで 3 レベルのナビゲーション メニューをダウンロードしましたが、少し問題があります。高さを変更すると、ナビゲーションの高さも変わります。下の図、ドロップダウンメニューの高さを小さくしたいのですが、クリックしてもナビゲーションメニューの高さは変わらないので、専門家に解決してもらいましょう。ありがとうございます






/* 共通のスタイル */
メニュー {font -family: arial, sans-serif; width:750px; margin:0; font-size:11px; margin:50px 0;}
.menu li a、.menu li a :訪問済み { 表示: ブロック; 色: #000; 幅: 104px; 境界線: #fff; -height: 40px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; left; margin -right:1px;position:relative;}
.menu ul li ul {display: none;}
/* IE 以外のブラウザに固有 */
.menu li:hover a { color:# fff; 背景:#36f;}
.menu li:hover ul {表示:ブロック; 高さ:30px; }
.menu li :hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#000;}
.menu ul li :hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {表示:ブロック; 絶対左:0; }
.menu ul li:hover ul li:hover ul.left {left:-105px;}

; ホームページ 

 

• ゼロドル
 

• テキストを折り返す
 

• スタイル付きフォーム
 

• アクティブ フォーカス
 

• ホバー/クリック> 
   
  
   
  
  • スタイル付きフォーム
   
  
  • アクティブ フォーカス
   
  
  • シャドウ ボクシング
   
  
  • 画像マップ
   
  
  • 楽しい背景
   
  
  • フェード スクロール
   
  
  • em サイズの画像
   
   
   
   
  
  • 我们について 
     
    
     
    
    • スパイメニュー
     
    
    • 垂直 メニュー
     
    
    • リストの拡大
     
    
    • リンク画像
     
    
    • 非長方形
     
    
    • jigsaw links
     
    
    • circular links
     
    
     
     
    
   
  
  • 涂层检测 
     
    
     
    
    • ドロップダウン メニュー
     
    
    • カスケード メニュー
     
    
    • コンテンツ:
     
    
    • mozzie box
     
    
    • 虹ボックス
     
    
    • スヌーカー キュー
     
    
    • ターゲット練習
     
    
    • 2 トーンの見出し
     
    
    • シャドウ テキスト
     
    
     
     
    
   
  
  • 实验室检测 
     
    
     
    
    • 例 1
     
    
    • 横糸フォント
     
    
    • 垂直 整列
     
    
     
     
    
   
  
  • 工业检测 
     
    
     
    
    • 例 1
     
    
    • 横糸フォント
     
    
    • 垂直 整列
     
    
     
     
    
   
  
  • 環境检测 
     
    
     
    
    • 例 1
     
    
    • 横糸フォント
     
    
    • 垂直 整列
     
    
     
     
    
   
  
  • 订单跟追跡  
     
    
     
    
    • 不透明な色
     
    
    • 不透明メニュー
     
    
    • 部分的な不透明度
     
    
    • 部分不透明度 II
     
    
    • < ホバー/クリック 
       
      
       
      
      • スタイル付きフォーム
       
      
      • アクティブ フォーカス
       
      
      • 、自分で調整する必要があります
        
        サイズを変更すると、いくつかの属性を設定した後でも、フォントが中央に配置されず、常に下に近くなります
        < "height:15px;">
      具体的には、自分で調整する必要があります

      
      サイズを変更すると、フォントが中央に配置されず、常に下に寄ってしまいます。 . Set 複数の属性を追加しても機能しません
      

      🎜>

      line-height:15px;
      
      

      これは許可されません
      

      
      とにかく誰もそれをしません
      line-height: 150%

      
      変更する前に、高さと行間隔は親の a タグとそれに続く 2 番目と 3 番目の階層の関係を明確にする必要があります。 -level メニューはそれらを自動的に継承します。
      解決策は、親レベルで定義せず、各子レベルで定義することです。