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 属性的值。