X

【HTML】CSSのpositionの値と振る舞い

CSSのpositionの値について、今までなんとなく判ったつもりでいましたが、今日改めて確認してみました。
とり得る値は、配置の基準点を決めるstatic、relative、absolute、fixedの4つが有ります。
それぞれの振る舞いは、

static
 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。

relative
 相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。

absolute
 絶対位置への配置となります。
 親ボックスにpositionプロパティのstatic以外の値が指定されている場合は、親ボックスの左上が基準位置となります。
 親ボックスにpositionプロパティの値にstaticが指定されている場合は、ウィンドウ全体の左上が基準位置となります。

fixed
 絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。

とりえず以上

itsysgroup:
Related Post