第9题：position定位有哪几种，各有什么特点？

[zxdfe]

• static ： 默认值，静态定位

• relative ： 相对定位，即相对于元素的正常位置进行定位

• absolute：绝对定位，相对于第一个非 static 定位的父级元素进行定位

• fixed： 固定定位，相对于浏览器窗口进行定位

• sticky： 粘性定位，它是 relative 和 fixed 的结合体，能够实现类似吸附的效果

[BlueSky-Engineer]

position有

1. static（静态） HTML元素的默认值，不回收top，botton，left，right属性影响 元素出现在正常的文档 流中
2. Relastive（相对）不脱离文档流动布局，受top、bottom、legt、right
3. Absolute（绝对）脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(position不为static)，否则为html文档本身。
4. fixed（固定）类似于absolute，但不随着滚动条的移动而改变位置。元素的位置相对于浏览器窗口是固定位置。

[Sophora77]

static （默认值）：静态定位 relative（相对定位）：相对于元素自身定位，定位后空间不释放 absolute（绝对定位）：相对于最近的已定位的父元素进行定位，最深的父元素是body fixed（固定定位）：相对于浏览器窗口(window)定位 sticky（粘性定位）：相当于relative 和 fixed 的结合，在元素处于正常文档流时，定位是relative，滑出当前浏览器窗口时，定位fixed inherit ：规定应该从父元素继承 position 属性的值

[WLNCJL]

1.position:static;  默认值，静态定位（不用管）
2.position:relative; 相对定位，相对于自身的定位，不脱标，占位置
3.position:absolute; 绝对定位，相对于最近一级定位的父元素的定位，脱标不占位置，通常配合相对定位使用（子绝父相）
4.position:fixed; 固定定位，相对于浏览器窗口的定位，脱标不占位置
5.position:sticky; 粘性定位，relative和fixed的结合

[xcop32221]

static ：静态定位

1. 元素在文档常规流中默认布局位置
2. 此时 top, right, bottom, left 和 z-index 属性无效。

relative：相对定位

1. 元素定位属性计算相对于自身
2. 元素不脱离正常文档流

absolute ：绝对定位

1. 元素定位属性计算相对于自身相最近的非 static 定位祖先元素
2. 元素会被移出正常文档流，不占正常文档流位置
3. 可以设置外边距（margins），且不会与其他边距合并。

fixed ：固定定位

1. 元素定位属性计算相对于屏幕视口（viewport）
2. 元素会被移出正常文档流，不占正常文档流位置

sticky ：粘性定位

1. 元素定位属性计算相对于滚动祖先元素的滚动位置来定位。
2. 元素定位表现为在跨越特定阈值前为relative定位，之后为fixed定位

inherit ：继承定位

规定应该从父元素继承 position 属性的值。但是任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”

[stevenhuanghr]

static:静态定位（默认值）不脱离文档流 absolute:绝对定位，元素会脱离文档流，不占据空间，会找最近一级带定位的父元素做参照物进行移动 relative:相对定位，不会脱离文档流 fixed：固定定位，会脱离文档流 stricky：粘性定位，基于用户滚动位置定位