すぐに使えそうなネガティブマージン | d-spica

すぐに使えそうなネガティブマージン 2008-05-15 0 0 XHTML/CSS CSS, margin margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。 あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。 見出しにネガティブマージン 本文の左に見出しよりも大きな余白をとりたいというとき。 <div class="section"> <h3>見出し</h3> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> </div> div.section { padding-left: 15px; } div.section h3

[appakumaturi]

dt と dd を横並びにする、IEでのネガティブマージン

[webmarksjp]

CSS

[extra_number]

わかりやすい。IE6,7での表示の違いが資料としてリンクされてる。

[mura24]

フッター･･･！試したい！！！

[night_hike]

「IE6では，ネガティブマージンをとった要素を包含する祖先要素に width が明示的に指定してあると，その祖先要素の padding辺を越えた部分が表示されなくなります。」IE7では右側だけ表示されない…。

[AOAOAOAO]

ネガティブマージンの活用方法

[k_gobo]

しかしIEがダメだと結局使えない罠。

[yry]

定義リストの横並べ

[nekomeg]

易しい解説

[hiroette]

あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介。本文とタイトルのインデントですぐ使えそう