0

<ul>CSSのドロップダウンメニューのタグの幅を、可能な限り単純な形式で、固定を設定せずに親<li>の幅に制限したいと考えています。<ul>

私はそれを達成したり理解したりすることなく、多くの検索とテストを行いました。正確には、それがどのように機能するかを理解したいです。

それを可能にするプロパティは何ですか？

私は最も単純な jsfiddle http://jsfiddle.net/zAXRK/2/を解決しました。誰かがそれが可能であれば理由を説明できるかどうか、またどのように説明できるかを確認できますか?

例を試してみましょう。カーソルを最初のアイテムの上に使用すると、サブメニューが表示され、<li>それを含む人が大きくなり、他の要素が押し出されます。

私がやりたいのは、サブメニューを親要素の幅の内側に、幅に関係なく、固定せずに作成することです。(解決策がない場合は JS で行いますが、CSS でクリーンにすることをお勧めします。これは良い演習だと思います)。

CSS ルールを理解するのを手伝ってくれる人に感謝します。答えがどこかにある場合は、見つけられなかったか、理解できなかったかのどちらかですが、ご容赦ください。

4

1 に答える 1

2

positionと にいくつかのプロパティを設定する必要がliある.submenuので、 を設定できますwidth: 100%(固定幅ではありません。問題にならないことを願っています)。

変更点は次のとおりです。

.menu > li {
    position: relative;
} 

.sub-menu {
    position: absolute;
    width: 100%;
}

そして、作業中のjsFiddle。

于 2012-07-03T17:31:52.400 に答える