div#main(100%)
固定幅+リキッドレイアウトのサンプルです。以下よりブログ記事を参照ください。
< 「SKYGUILD」ブログ記事へ
※ .wrapperStyle, .mainStyle, .subStyleはサンプルを見やすくするための色付けや余白を指定するためのclassです。
リキッドレイアウトに必要な指定とは関係有りません。
div#wrapper(80%)
div#wrapper(80%)
subとmainがピッタリくっつかなくなる。
div#wrapper(80%)
mainが最大まで広がる。subはカラム落ち状態。
div#wrapper(80%)
margin-right: -200px;によってmainが200px分、引き込まれる。
div#wrapper(80%)
といってもmain自体にマージンを与えても、subのマイナスマージンで作り出した空間を相殺してしまうだけ。さっきの状態に戻ってしまった。
div#wrapper(80%)
mainContentにmargin-left: 200px;を与えればsubの横にピッタリ!
div#wrapper(80%)