CSSのfloatで段組みレイアウト22種（2段/3段、サイド固定幅/可変幅）

公開：2015-10-21

更新：2016-01-17

CSSのfloatでの段組みレイアウト22種類です。2段組/3段組、サイドバー可変幅/固定幅など各種。画面幅で並びが縦横変わるレスポンシブ、コンテンツ部可変幅のリキッドデザインです。

無料フリー、著作権表や登録なし、コピペOKです。

以下、boxのB1/B2/B3はHTMLの記述順序です。小さいウィンドウ幅では上からB1→B2(→B3)と縦並び表示します。大きい幅で横並びの左右中央どこになるかを表します。