事業部が位置づけられていない - CSSの問題

Question

私はjoomlaサイトで作業していて、クライアントのテンプレートをカスタマイズしています。 まず、私はこれを言うと、私は物事が「美しい」ものになるのを止めますが、私は試してみて、たくさんのテストと研究をしています。

私は説明しましょう： メニューを読み込み、空のdiv（クリアフィックス用）を置き、次の要素の別のdivを開きます。

（私はpastieするコードを掲示し、ここからリンクしていますので、私は、スタックオーバーフローのコードパーサーの問題を抱えている。）

[OK]をので、私はこのhtmlと、このcss

を持っています

私はそれを見ると、通常、wrapper_menuは少なくとも130pxの高さ（min-heightプロパティ）を持ち、必要に応じて成長する必要があります。 .clrはdivをその下に置く必要があるので、floatと次の要素をクリアします。それで、menu_wrapperの内容の後に。 menu_wrapperは常に130pxの高さです。拡大すると、whitebox要素がその上に表示されます（ただし、テキストは表示されますがクリックできません）。 私はラッパーにオーバーフローオートを入れようとしましたが、それでも一番上になりましたが、テキストは見えなくなりました。 あなたはテストサイトを見ることができますhere

私はこのメニューのdivがコンテンツと共に成長するために他に何をしようとするのか本当に知りません。

ありがとう

Cromestant。

Answer 1

文書フローからulを取り出すul.menuにposition: absolute;を使用しています。それを取り除くと、はるかに良く見えます。