clover.blue

[CSS講座] positionについて

Data
2019/06/14
Tag

ボックスの配置の仕方の指定

static

何も指定されていない状態

position: static;

relative

相対位置

position: relative;

absolute

絶対位置

  • 親を見ていきstatic以外だった要素からの起点になる
  • すべてstaticだった場合はbodyからの起点になる
position: absolute;

fixed

固定

position: fixed;

https://codepen.io/kame/pen/ewpjoK