css - サブメニューが親の li と一致しないのはなぜですか?

Question

これが私のウェブサイト unbotttled.com で、カテゴリのサブメニューが親カテゴリと一致しませんか? パディングと関係がありますか、パディングを削除する以外にこれを解決する別の方法はありますか? どんな助けでも大歓迎です。前もって感謝します。

Answer 1

<a>とは両方とも、含まれている「カテゴリ」<ul>によってパディングされています。理解を助けるために - よく見ると、 が含まれているため、ドロップダウンが「カテゴリ」の<li>左端に並んでいます。<li>padding:15px

これを修正するにはいくつかの方法があります。負のマージンを使用する方法はその 1 つです。

 #menuleft ul li:hover ul {  
 display: block;  
 position: fixed;  
 visibility: visible;  
 width: 130px;  
 padding: 0;  
 padding-top: 20px;  
 margin-left: -15px;

CSS Box Model を完全に理解することは、最新の Web 開発にとって不可欠です。理解するのはかなり簡単です。
ここでそれについて学んでください: http://www.w3.org/TR/CSS2/box.html