position属性的取值

position属性的值

static

默认值,没有定位,元素出现在正常文档流中(忽略 top, bottom, left, right 或者 z-index 声明);

relative

相对定位,不脱离文档流,相对于元素原本在文档流中的位置进行定位( left、right、top、bottom 起作用);

absolute

绝对定位,脱离文档流,相对于元素最近的,已定位的父级元素进行定位(不能是static);
如果不存在这样的父级元素,就相对于 body 元素进行定位;
可以使用 left、right、top、bottom 来确定元素的位置;
会隐性的改变 display 的值为 inline-block;

fixed

固定定位,脱离文档流;
相对于浏览器窗口进行定位,不随滚动条的移动而改变位置;
可以使用 left、right、top、bottom 来确定元素的位置;

inherit

规定应该从父元素继承 position 属性的值。

您的支持将鼓励我继续创作!