position的absolute与fixed,absolute与relative共同点与不同点

absolute与fixed

共同点:

(1) 改变行内元素的呈现方式,display被置为block;

(2) 让元素脱离普通流,不占据空间;

(3) 默认会覆盖到非定位元素上

不同点:

absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。

当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。

absolute与relative

不同点:

absolute的没有设position的父级元素就参照浏览器左上角。

relative参照父级元素原始点,无父级参照body

z-index不能定义父子的上下关系,一定是子上父下

元素定位:

absolute、fixed(IE6不支持)、relative、static

  1. 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
  2. absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
  3. absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,
原文地址:https://www.cnblogs.com/moneyss/p/6994799.html