2012-04-09 7 views
2

だから私はこのページを持っている:CSS浮上問題

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

あなたは3つの項目に気づくでしょう:詳細の添付、と説明。ここで問題は、詳細を展開すると表示されます(タイトルをクリックするだけです)。 Attachmentテキストは、詳細コンテンツの2番目のulの下にスローされます。物事は、添付ファイルが自分の行にある必要があります。

ここでは幅を持たないフローティング要素を修正しようとしています:http://www.webtoolkit.info/css-clearfix.html:私はクリアを行っていることを除いて:右;今明らかに最初のulは左に浮動小数点が浮動小数点の2番目のulよりも高いが、親要素の高さは2番目のulの高さを取っているように見える。

誰でも私がここで間違っているのを見てください。

+0

添付ファイルのタイトルは、レポーターリストと同じリストにあります。これは、幅50%のスタイルで右に浮かべたリストの一部です。これが記者の下に落ちる理由であり、自分のエリアではないからです。左端に置いておきたい場合は、そのリストからそれを抜き出し、左のリストに入れるか、またはclear:leftの新しいリストにする必要があります。 –

答えて

1

表示するようにフローティングコンテナを設定しようとしましたか:inline-table?これにより、浮動要素が兄弟に関連して配置され、周囲の要素がサイズが大きくなったり小さくなったりするときにシフトできます。

+0

が動作する場合は、ブロック/インラインの横にあるこのオプションの他の値をさらに読み取る必要があります。 – ryanzec