CSS面试（六）

position定位有什么属性（不止绝对相对fixed）

position概念：

position属性把元素放置到一个静态的、相对的、绝对的或固定的位置中

position属性值：

四个常用：static，relative，absolute，fixed

不常用的：inherit，initial，sticky

static

position默认值，正常的文档流

relative

相对原来的位置进行移动，不会脱离标准流

absolute

相对不是static的最近一级父元素进行定位，如果没有，相对body来定位，会脱离标准流，通过top、left、right、bottom来调整位置 

fixed

相对于浏览器的窗口进行定位，脱离标准流

sticky

在屏幕范围时该元素的位置不受到定位影响（设置top、left属性无效）当该元素移出偏移范围时，定位会变成fixed，根据设置的left、top生成固定位置效果、

• 不脱标
• 当元素在容器中被滚动超过指定的偏移值时，元素在容器内固定在指定位置，如果你设置了top：50px，那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定，不再向上移动
• 元素固定的相对偏移相对于离它最近具有滚动框的祖先元素，如果祖先元素都不可以滚动，相对于viewport计算元素偏移量

initial

用于设置css属性为默认，可作用css样式（ie不支持）

inherit

继承父元素的position属性   ie8以下不支持