relative absolute fixed三种定位差异

relative：

生成相对定位的元素，相对于其正常位置进行定位。

元素的位置经过left、right、top、button属性进行规定，

能够经过z-index进行层次分级。

元素元素仍保持其未定位前的形状，本来所占的空间仍将保留。

若是没有定位偏移量，对元素自己没有任何影响

absolute：

生成绝对定位元素。使元素脱离文档流，并相对于其包含块进行定位，包含块多是文档中的另外一个元素或者是初始包含块，

元素原先在正常文档流中所占的空间会会被后面元素占据；

元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框；

绝对定位元素的包含块由离它最近的 'position' 属性为 'absolute'、'relative' 或者 'fixed' 的祖先元素建立。只要父级元素设置了position而且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。若是都没有定义，那么就相对于整个文档body定位（注意不是相对于浏览器窗口定位）

相对定位通常都是配合绝对定位元素使用

fixed：生成绝对定位元素，相对于浏览器窗口的定位。一般配合z-index一块儿来使用。好比说网页上悬挂的聊天图标或者广告就是用了fixed

做者：平淡的茶叶壶连接：https://www.zhihu.com/question/53545802/answer/135467197来源：知乎著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。