css之定位(position)

相对定位

实现方式：元素添加属性， position: relative.
相对定位是相对于元素自身原来的位置进行位置调整。
特性：相对定位的元素会提升层级，但是不会脱离文档流。

绝对定位

实现方式：元素添加属性， position: absolute.
绝对定位是相对于已经定位了的父级元素进行位置调整。
解释：
父级元素:只要在该元素的上层都是父级元素（上一级，上上一级，上上上一级）
已经定位了的：该元素要添加了定位属性， position:relative。
特性：绝对定位的元素会脱离文档流，提升层级。

固定定位

实现方式：元素添加属性， position:fixed.
固定定位是相对于body进行位置调整。
特性：固定定位会脱离文档流，提升层级。