这篇文章给大家分享的是有关CSS中位置属性是什么的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
位置的含义是指定位类型,取值类型可以有:静态的,相对的,绝对的,固定的,继承和粘性,这里粘是CSS3新发布的一个属性。
1,位置:静态
静态(没有定位)是位置的默认值,元素处于正常的文档流中,会忽略左,上,右,下和z - index属性。
2,位置:相对
相对(相对定位)是指给元素设置相对于原本位置的定位,元素并不脱离文档流,因此元素原本的位置会被保留,其他的元素位置不会受到影响。
3,位置:绝对的
绝对(绝对定位)是指给元素设置绝对的定位,相对定位的对象可以分为两种情况:
1)设置了绝对的元素如果存在有祖先元素设置了位置属性为相对或绝对者,则这时元素的定位对象为此已设置位置属性的祖先元素。
2)如果并没有设置了位置属性的祖先元素,则此时相对于身体进行定位。
4,位置:固定
可以简单说固定是特殊版的绝对固定元素总是相对于身体定位的。
5,继承
继承父元素的位置属性,但需要注意的是IE8以及往前的版本都不支持继承属性。
在讲粘之前,先上代码:html:
& lt; h5> Relative
,,& lt; div类=癲iv容器div-container1"在
,,,,& lt; div类=癲iv1"祝辞static1
,,,,& lt; div类=癲iv2"祝辞relative1