css中position属性的取值:relative absolute fixed sticky的含义?以及属性z-index理解

relative:表示相对定位,是相对对于自身原始位置的定位,记住是是自身。

absolute:绝对定位。是相对于设置了绝对定位的父元素的位置,若父元素没有设置绝对定位,那么就相对于窗体进行绝对定位。

fixed:固定的位置。一般用作悬浮按钮的设计。不管当前页面如何滚动,它的位置始终相对于窗体不变。

sticky:粘贴到某个位置。当组件设置了该属性值后,当页面滑动时,组件会跟着页面移动,当组件触及到窗体后,页面若继续滑动,组件则处在与窗体接触的位置不动。具体请看示例演示:http://www.runoob.com/css/css-positioning.html

z-index属性就很简单了,就是为了处理几个组件发生重叠时的先后显示问题。设置的值为负数时该组件就显示在另外一个组件的下层,即被覆盖。反之亦然。

更多技术解读,请关注公众号:一根羊毛

css中position属性的取值:relative absolute fixed sticky的含义?以及属性z-index理解_第1张图片

 

你可能感兴趣的:(css)