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:数值大的元素显示在上面,数值小的元素显示在下面

posted @ 2016-08-19 11:01  火山林风  阅读(223)  评论(0编辑  收藏  举报