CSS positionを使用するとき

2010/09/18
<div class=”A”>
<div class=”B”>本文</div>
<div class=”C”>ヘッダ</div>
</div>

上記のようにHTMLを記述したとき。

「class A」を親要素とするため「positon:relative;」を指定
「class C」をページの上部に表示させるため「position:absolute;」を指定。
で、「class C」の高さ分「class B」を下げるためには「padding-top」を使用する。

「margin-top」だと、IEでは問題なしだけどFirefoxやOperaなどで崩れる感じ。

positionを使ったときの図

新着(ニュース関連以外)

2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい
2017-11-30
Xampp+FuelPHP1.8をサーバーにupしたらエラーになった。
2017-11-09
PCでプッシュ通知ってのをしたい。
2017-11-06
PHPのバージョンを上げたらwikiが壊れたっぽい。
2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。