2

HTMLとCSSで作成されたドロップダウンメニューがあります。画像のように、幅が100％[li]のアイテムはほとんどないため、私は常にメニューのアイテムと戦っていました。

ドロップダウンメニューの要素

liに合うように2番目（および3番目の要素も）を作成したいだけです-最初の要素と同じ幅にします（[li]と[ul]の幅は自動的にリストの最も広い要素と同じになります）

これが私のCSSコードです：http：//pastebin.com/tNfYmSpJ

HTML： http: //pastebin.com/mvBRietS

私はこのチュートリアルを使用していました：http：//www.handy-html.com/create-a-simple-css-dropdown-menu/ しかし、少し変更しました。リスト上の[a]要素の同じ幅（[li]タグ内）を取得しようとしましたが、成功しませんでした：Pリンクaを親の[li]幅の100％に合わせる簡単な方法はありますか？[a]の固定幅を設定できることは知っていますが、それは私が探している解決策ではありません：/

4

1 に答える 1

5

このa要素は、デフォルトではインラインレベルの要素です。ブロックレベルの要素にするには、それdisplayに応じてプロパティを変更します。

例えば：

a {display:block;}

そして、あなたがリンクした例に基づいて、あなたはおそらく次のことをしようとしています：

#mainmenu li a {
    ...
    display:block
}
于 2013-03-10T22:28:14.970 に答える