前端基础---定位 position

定位 pisition

一、静态定位 static （默认）

二、相对定位 ralative

1、参考物

定位前的位置

2、特点

（1）不影响元素本身特性
（2）元素不脱离文档流
（3）相对于原位置进行偏移

三、绝对定位 absolute

1、参考物

最近使用了定位的父级

2、特点

（1）元素脱离文档流
（2）行元素支持所有css样式
（3）块元素内容撑开宽高
（4）清除子级的浮动

四、固定定位

1、参考物

浏览器窗口

2、特点

（1）元素脱离文档流
（2）清除子级的浮动

五、作用

1、可以使用偏移描述

• lest
• top
• right
• bottom

2、可以使用z-index提升层级