アイコンWeb制作実験

HTML/CSS/jQuery.

試した様子と結果です.

「CSSのfloatで段組レイアウト - 2段組、左バー可変幅、右・左順」のデモ

更新:

公開:2015-10-14

boxB1/B2のみ、ウィンドウ幅が641px以上で2段組みになります。PCでご覧の方はウインドウ幅を広げたり狭めたりしてみてください。

A

B1

内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容

B2

内容 内容 内容 内容 内容 内容 内容 内容 内容 内容

C

見やすくするためにCSSで多少の装飾をしています。