CSS的定位属性position的值的含义是什么

Question

CSS的定位属性position的值的含义是什么

Answer 1

使用position属性可以精确控制盒子的位置，其语法格式如下。position: static |relative | absolute | fixed

static：静态定位，默认的定位方式，盒子按照HTML规则定位，定义top、left、bottom、right无意义。

absolute：绝对定位，通过top、left、bottom、right等属性值定位盒子相对其具有position设置的父对象的偏移位置，不占用原页面空间。

relative：相对定位，通过top、left、bottom、right等属性值定位元素相对其原本应显示位置的偏移位置，占用原位置空间。

fixed：固定定位，通过top、left、bottom、right等属性值定位盒子相对浏览器窗口的偏移位置。