「CSSのfloatで段組レイアウト - 2段組、右バー内容依存幅、右・左順」のデモ
更新:
公開:
boxDは幅300px固定です。boxB1/B2のみ、ウィンドウ幅が641px以上で2段組みになります。PCでご覧の方はウインドウ幅を広げたり狭めたりしてみてください。
A
B1
D
B2
内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容
C
見やすくするためにCSSで多少の装飾をしています。
HTML/CSS/jQuery/Fabric.js
を試した様子と結果です.
更新:
公開:
boxDは幅300px固定です。boxB1/B2のみ、ウィンドウ幅が641px以上で2段組みになります。PCでご覧の方はウインドウ幅を広げたり狭めたりしてみてください。
A
B1
D
B2
内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容
C
見やすくするためにCSSで多少の装飾をしています。