position 属性的值的比较

可取的四个值: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设置其层级。

原文地址:https://www.cnblogs.com/juicy-initial/p/7587984.html