相对定位
实现方式:元素添加属性, position: relative.
相对定位是相对于元素自身原来的位置进行位置调整。
特性:相对定位的元素会提升层级,但是不会脱离文档流。
绝对定位
实现方式:元素添加属性, position: absolute.
绝对定位是相对于已经定位了的父级元素进行位置调整。
解释:
父级元素:只要在该元素的上层都是父级元素(上一级,上上一级,上上上一级)
已经定位了的:该元素要添加了定位属性, position:relative。
特性:绝对定位的元素会脱离文档流,提升层级。
固定定位
实现方式:元素添加属性, position:fixed.
固定定位是相对于body进行位置调整。
特性:固定定位会脱离文档流,提升层级。