html - CSS-メニュー:要素の幅と高さの設定

Question

私は数日間この問題を解決しようとしています。25px のオレンジ色のスポットの間に Child1、2、3 を配置できません。親と子のメニューは CSS ベースのulメニューliで、インライン ブロック<a>として設定し、幅と高さを設定しますが、これらのパラメータは無視されます。この問題を解決する方法についてのアイデアがありません。よろしくお願いいたします。

コードが長いため、「全体」のソース コードをアップロードすることにしました: source.zip

Answer 1

問題は<a>、サブメニューのタグにpadding:15pxメイン メニューのタグがあることです。0 に設定する必要があります。その後line-height、要素の をオレンジ色のバーに合わせheightて垂直方向の中央に配置できます。

これを追加して修正します：

#header .cssMenuA a{
    padding:0;
    line-height:25px;
}

Answer 2

Child 1、2、3aタグにパディングが適用されているように見えます。これにより、オレンジを超えて押し下げられています。スクリーンショットを参照してください:

a タグ (bodystyle.css、78 行目) からパディングを削除し、親メニュー項目のみに再適用してみてください。

Answer 3

<a>nav リストのすべての要素 ( を含む) の周りに 15 ピクセルのパディングがありますPARENTが、これは「子」にも適用されます。ルールを追加します。

#header li li a {
    padding-top: 0;
}

は 25 ピクセルの高さに設定されているため、これは希望どおりに見えない場合があります<a>が、フォントはそれよりも小さいです。また追加

#header li li a span {
    line-height: 25px;
}