绝对定位体系

绝对定位元素的包含块
固定位置:position:fixed
位置固定在视口,一般应用于广告和返回顶部。

绝对位置:position:absolute
多个标签需要重叠在一起的时候,用绝对位置。取值会脱离文档流,进行重叠。

相对位置:position:relative
指相对于盒子在原本的定位体系下的位置。盒子相对于原本的定位体系进行偏移。
相对位置不管怎么做偏移量的变动,原始它的位置是始终占用不变的,对其他元素也没有影响。

堆叠级别:(stack level)
它决定了元素谁显示在前谁显示在后,通常情况下,堆叠级别越高,显示越靠前。通过z-index属性可设置元素的堆叠级别。
z-index:不可继承
默认值:auto—自动,通常情况下书写顺序靠后的,元素靠前显示。
数值:手动设置堆叠级别,级别越高越靠前。

猜你喜欢

转载自www.cnblogs.com/-xmj/p/10544047.html