css - フローティング div 時の余分な行

Question

グリッドにこの余分な行が表示されるのはなぜですか? float:left各グリッド コンテナーのプロパティとパーセンテージ幅を使用しています。各コンテナのマークアップは WordPress ループの一部であるため、clear:both4 つおきのコンテナを挿入するのは簡単ではありません。ヘルプ！

ここで実際の問題を参照してください。

Answer 1

最初と 2 番目の content4col の間に clear:both を持つ div があります。

補足として、clear every 4 要素を使用する代わりに、box-sizing: border-box を使用して、ボックス モデルの「内側」にパディングと境界線を含めることができます。

（編集：どういうわけかエディターが機能していないため、答えをうまく見せることができません。）