私は自分のブログに取り組んでいます。> 1020px wide
このブログを表示すると、左から右に投稿を読み込む3つの列を使用します(つまり、投稿1を左の列に配置し、投稿2を中央に配置し、3つを右に配置してから開始します。再び左の列から):
これはうまく機能しますが、ブラウザが下に縮小する1020
と、レイアウトは単一の列に変換されます。これは、列を互いに下に配置することで視覚的に簡単に実現できます(見た目はきれいです)が、これにより投稿の順序が乱れます。合計9つの投稿がある場合、最初の3つの投稿は実際には投稿1、4、7になります。
純粋なCSS管理レイアウトのクリーンさを維持したいので、 (3列ではなく)単一のコンテナーにフロート要素を含む上記の3列レイアウトを作成するコツがあるかどうか疑問に思います。
私は少し遊んで、左に浮いて3タイルごとにクリアしましたが、もちろん、3タイルごとに、上の「行」の最も高いタイルの下の「行」に配置することになります。