CSS floatプッシュダウン

CSS浮動に関する他の記事を見てきましたが、まだ回答が見つかりませんでした。CSS floatプッシュダウン

私は同じ幅（画面の1/3）で複数のdivを持っています。彼らはすべて左に浮かぶように設定されています。一方が他のものよりも長い場合は、次のブロックを押し下げます。

http://apsam.dk/misc/float-pushdown-problem/index.phpに表示されている例を作成しました（黄色のdivは青いdivでプッシュダウンされています）。

投稿で回答が見つからなかった場合は、私に指摘してください。私はたくさんの人を見てきました。

EDITを明確にする。問題は、黄色いdivがプッシュダウンされるのを避ける方法です。

ここで質問がありますか？ –

改行を開始するには、clear: both;属性のdivを入力してください。

例を示しており、ここでは別のポストに私の答えを参照してください： Link

2012-02-19 15:01:51

@MGA：混乱しています、何を編集しましたか？： –

私は何も編集しませんでした。「clear：both;」を '' ''で囲んで、編集時間をクリックして変更を確認し、変更をロールバックすることができます、残念です:( –

問題なしMGA、それはこの方法で良いです...追加ありがとう... :) –

フロートはそのように一緒にいない「ジグソーパズル」を行います。あなたのフロートのそれぞれは高さがあり、その高さは見られ、尊敬されます。 .yellowには、特に同じ容器内の高さを無視することはできません。.blueあなたは.yellowを動かすためにポジショニングを使うことができます。

それとも、あなたは別のdivを使用して、左側の列として扱い、それは緑と黄色のdivが含まれていたかもしれません。

2012-02-21 08:53:56 Scott

お返事ありがとうございます。私はあなたの2番目の方法を選択すると思います。なぜなら、各列にいくつのdivがあるかを制御しないからです。 –

答えて