1、position:relative相对定位
每个元素在页面的普通流中会占有一个位置，相对定位就是将元素偏离元素的这个位置，但普通流中依然保持着原有的默认位置，并没有脱离普通流。
2、position:absolute绝对定位
设置了top，left值，相对最近的设定了position:relative/absolute的父级节点的padding-box的区进行定位，找不到符合条件的父级节点，则相对浏览器窗口进行定位。没有设置则默认浮动，默认浮动在父级节点的content-box区。
不管是块级元素还是行内元素，应用了position:absolute之后，display为block。可以设置width和height，没有设置width和height的话，width默认为auto
脱离文档流，容器（父）元素将得不到脱离普通流的子元素高度
