2

だから私はこのページを持っています:

http://demo.unlockedmanagement.com/example/floating-issue.html

詳細、添付ファイル、説明の 3 つの項目があります。詳細を展開すると問題が発生します(タイトルをクリックするだけです)。添付テキストは、詳細コンテンツの 2 番目の ul の下にスローされます。問題は、添付ファイルが独自の行にある必要があることです。

ここで説明されている幅を持たないフローティング要素を修正するために clearfix メソッドを使用しています: http://www.webtoolkit.info/css-clearfix.html 明らかに、左に浮いている最初の ul は、右に浮いている 2 番目の UL よりも高さが高くなっていますが、親要素の高さは、最初の UL ではなく、2 番目の UL の高さを取っているようです。

ここで私が間違っていることを誰かが見ていますか?

4

1 に答える 1

1

フローティング コンテナを display:inline-table に設定しようとしましたか? これにより、フローティング要素が兄弟に関連してレイアウトされ、周囲の要素のサイズが拡大または縮小したときにシフトできるようになります。

于 2012-04-09T21:23:09.867 に答える