アイコンWeb制作実験

HTML/CSS/jQuery/Fabric.js を試した様子と結果です.

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

イメージ

公開:2015-10-21

更新:

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

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

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