position 属性的值的比较

Posted 2020-10-08 rqpjuicy

可取的四个值：static/relative/absolute/fixed

static：默认值，top/right/bottom/left 无作用，z-index无效

relative：相对于原来的位置进行偏移。

               不管它是否进行移动，元素仍要占据它原来的位置。

absolute： 以父代元素不为static的元素为参考，父代元素为static，则以body为参考。

                  脱离文档流，原先在正常文档流中所占的空间会关闭，元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed：固定位置，相对于浏览器窗口进行定位。其他和absolute一致。

PS：relative/absolute/fixed用top/right/bottom/left 设置其偏移值，z-index设置其层级。