说明位置:固定;决定了元素(left,top)相对于页面的位置,高度和宽度的百分比也是相对于页面的。绝对定位的元素不会因为overflow:hidden而被隐藏;父元素的。嵌套的绝对定位都是相对页面定位,相互定位之间没有关系。但是,在某些情况下,绝对定位不再相对于页面定位。固定元素相对于祖先元素中具有转换属性的第一个节点定位(从下到上)。解析相对transform定位如果fixed定位元素中的祖先元素有transform属性,那么fixed会相对于定义transform属性的节点定位,包括(left,top,width,height)。固定定位元素的嵌套互不影响。如果上层固定元素定义了transform属性,则后面的固定元素将相对于上层固定元素定位,不再相对于页面定位。可以验证css样式如何//.container>.fixed-1>.fixed-2.container{margin-top:200px;高度:400px;高度:400px;背景色:#000;transform:translate(0,0);}.fixed-1{position:fixed;宽度:50%;高度:50%;背景色:#ccc;左:0;顶部:0;transform:translate(0,0);}.fixed-2{position:fixed;宽度:50%;高度:50%;背景色:#fff;左:0;top:0;}根据上面的行为,场景绝对居中在带有动画或者绝对定位的元素上,基本都有tranform属性。如果其下有绝对定位弹窗或其他绝对定位,则相对引用对象会发生变化
