absolute与fixed
共同点:
(1) 改变行内元素的呈现方式,display被置为block;
(2) 让元素脱离普通流,不占据空间;
(3) 默认会覆盖到非定位元素上
不同点:
absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。
当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。
absolute与relative
不同点:
absolute的没有设position的父级元素就参照浏览器左上角。
relative参照父级元素原始点,无父级参照body
z-index不能定义父子的上下关系,一定是子上父下
元素定位:
absolute、fixed(IE6不支持)、relative、static
- 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
- absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
- absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,