css - CSS 3 ドロップダウン メニュー、子要素が正しく表示されない

Question

CSSで作成したドロップダウンメニューがあります。メニューはドロップダウン メニューにあります。問題は、子要素にアクセスしようとすると、正しくアクセスできないことです。親要素と子要素の間にある程度のマージンを与え、マウスカーソルがそのギャップを指すと、ドロップダウンメニューが非表示になります。jqueryのように、マージンを維持しながら子リストを表示できる方法はありますか?

Answer 1

Morpheus が提案したように、コンテナ div にパディングを設定します。余白効果を得るには、背景スタイルを子 div に移動します。