|
阅读:3340回复:0
CSS定位 position属性
定位:position
在CSS中关于定位的内容是:position:relative | absolute | static | fixed。 属性值: static:静态定位(无定位)默认值 在此定位方式中设置:top,bottom,left,right,z-index 这些属性都是无效的。 relative:相对定位 1.相对于自己(即没有设置定位前的位置) 2.不会脱离标准文档流,原来的位置不会变 3.一般用于给绝对定位当属性使用 absolute:绝对定位 1.脱离文标准档流,不占据位置 2.相对于最近的已定位的祖先元素,如果没有祖先元素,相对于当前窗口 注:定位元素层叠顺序高于普通元素 fixed:固定定位 1.脱离标准文档流,不占据位置 2.相对于窗口 固定定位的特点就是:无论如何滑动页面,固定定位的元素位置都不会被改变,完全脱离文档流。 另外,如果设置了固定定位的元素也设置了width或height的百分比值,那么此百分比的值是参照窗口宽高来计算的。 z-index属性: z-index属性是设置元素的层级,数值低的会被数值高的遮住。 |
|