miniturbo::Blog ネガティブマージンによるレイアウト

「マイナスマージン」や「ネガティブマージン」で組み立てるレイアウトです。 てんぽさんの記事にあるように、floatにより発生するカラム落ちは、親のボックスが内包するこのボックスのwidthに原因があるのではなく、そのマージン辺に原因があります。 とりあえず、以下をご覧ください。 たとえば固定幅の2カラムの段組を作るときは、 <div id="content"> <div id="main"> <p>メイン的なやつ</p> </div> <div id="utilities"> <p>サブ的なやつ</p> </div> </div> こんな感じの構造になります。 これに当てこむスタイルは div#content { width: 700px; margin: 0 auto; } div#content div#main { float: left; width: 100%; } div#co

[s-e-i]

ネガティブマージンレイアウトの使い方考え方

[coldcup]

カラム落ち解決