マルチカラムサンプル

■Sample01

ヘッダー

メインコンテンツ

width:390px

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

サブメニュー

width:190px



clearfix等を設定しなかった場合のサンプル。
高さが算出されないため、フッターの位置がおかしな事になってしまい、親ボックスの背景色も見えない。

ヘッダー

メインコンテンツ

width:390px

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

サブメニュー

width:190px



■Sample02

ヘッダー

メインコンテンツ

width:60%

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

サブメニュー

width:40%