CSS布局相关知识（四）：定位（相对、绝对、固定、粘滞）、层级

一、定位 position

定位是什么：

定位是一种更加高级的布局手段，通过定位可以将元素摆放到页面的任意位置

怎么设置定位：

使用position属性来设置定位，可选值：

• static 默认值，元素是静止的没有开启定位
• relative 开启元素的相对定位
• absolute 开启元素的绝对定位
• fixed 开启元素的固定定位
• sticky 开启元素的粘滞定位

二、相对定位 relative

当元素的position属性值设置为relative时则开启了元素的相对定位

相对定位的特点：

• 元素开启相对定位以后，如果不设置偏移量元素不会发生任何的变化
• 相对定位是参照于元素在文档流中的位置进行定位的
• 相对定位会提升元素的层级
• 相对定位不会使元素脱离文档流
• 相对定位不会改变元素的性质，块还是块，行内还是行内

怎么看性质有没有变：宽高能不能设置、是否独占一行