相对定位和绝对定位

前言：关于定位的三种方式，已有很多说明，这里只是简单记录一下三种定位方式的异同，以及绝对定位的常用方法和相关知识。

1、三种定位方式的异同

相对定位	绝对定位	固定定位
相对于原来的位置定位	见下面	相对于浏览器窗口定位
没有脱离文档流	脱离文档流	脱离文档流

2、绝对定位的三种情况

1. 如果该元素没有父元素，则相对于body定位。
2. 如果有父元素，但父元素没有定位，还是相对于body定位。
3. 如果有父元素，且父元素有定位（非static定位），则相对于父元素定位。常用的方式是“子绝父相”。

3、相关知识

1. 浮动、定位都能将行内元素（inline）转换成行内-块级元素（inline-block）。
2. 定位能使元素的层级（z-index）增加。
3. 只定位，不设置top/left等属性值，该元素依然会受到父元素padding的影响。