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を使ったときの図

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

2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい
2017-11-30
Xampp+FuelPHP1.8をサーバーにupしたらエラーになった。