position

1、position:static

static定位是HTML元素的默认值，即没有定位，元素出现在正常的流中，因此，这种定位就不会受到top,bottom,left,right的影响。

2、position:fixed--相对于窗口的固定定位

fixed定位是指元素的位置相对于浏览器窗口是固定位置，不随着滚动条的移动而改变位置，且fixed定位使元素的位置与文档流无关，因此不占据空间，且它会和其他元素发生重叠。

3、position:relative--相对定位

相对定位是相对于元素默认的位置的定位，既然是相对定位的，就需要设置不同的值来声明定位在哪里，top,bottom,left,right四个数值配合，来明确元素的位置。不脱离文档流的布局。只改变自身的位置，在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先的文档流位置。

4、position:absolute--绝对定位

脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素（position不为static），否则为body文档本身。