html - CSS でフロートを動的にクリアする

Question

CSS で 3 列のブログレイアウトを作成しようとしています。新しい投稿ごとに、コンテナー div 内に動的に追加された新しい div があります。

ただし、クリア要素を手動で配置できないため、フロートをクリアすると問題が発生します。

そして、これが私が望むものです: http://jsfiddle.net/DZASD/1/

<div style="clear:both;">3番目のdivの後に手動で配置せずにそれを実行できるようにしたい. 無限の div を追加する可能性がある場合でも、3 番目の div ごとに浮動要素を選択的にクリアする方法はありますか?

ありがとう！

score 3 · Accepted Answer

css セレクターを使用して、3 番目の各要素nth-childに適用できます。clear

CSS

.box:nth-child(3n + 1) {
    clear: both;
}

1 に答える 1