css6--定位(positioning)
定位属性有11个:z-index
position
clip
cursor
top,right,bottom,left
overflow,overflow-x,overflow-y
position的值共有5个: inherit
static
absolute
relative
fixed
麻烦的地方来了:
inherti继承父类,static默认,
fixed:锁定位置,相对于浏览器进行位置固定的定位,其位置不随着页面变化而变化
absolute:绝对定位,不参与默认流动定位计算,相对于父级的absolute或者relative进行定位,如果没有,则相对于浏览器页面定位,随着页面变化而变化
relative:相对定位,先进行默认流动定位的计算,相对于默认流动定位的位置再次计算进行定位
相对定位时,原来的位置会保留,而margin也会作用在原来位置,因此,它的作用较小,一般用来做微调
z-index:数值大的元素显示在上面,数值小的元素显示在下面