position属性值多少，面试必备

position属性可能的值有四种：static,relative,absolute,fixed。

static:默认值，没有定位，元素在正常的流中进行显示，left,right,top,bottom属性或者z-index声明不可用。

relative：生成相对定位的元素，相对于正常位置进行定位，可以使用left,right,top,bottom属性;

当进行left等属性的设置时，元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变。

absolute:生成绝对定位的元素，可以使用left,right,top,bottom属性;相对于static以外的第一个父元素进行定位，脱离文档流

fixed:生成固定定位的元素，可以使用left,right,top,bottom属性;相对于浏览器窗口是固定的.不随着文档进行移动。

sticky:基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。

在目标区域以内，它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
 

转载于:https://my.oschina.net/courage123/blog/798191