position属性

1.static

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

2.fixed（脱离文档流）

fixed定位是指元素的位置相对于浏览器窗口是固定位置。

下述 3 种方式目前都会使得 position:fixed 定位的基准元素改变：

1. transform 属性值不为 none 的元素
2. perspective 值不为 none 的元素
3. 在 will-change中指定了任意 CSS 属性

（ fixed定位在IE7和IE8下需要描述！DOCTYPE才能支持）

3.relative

相对自身本来的位置。并且其元素移动后原来占据的位置仍然存在，并不影响其他元素。

4.absolute（脱离文档流）

相对设置了非static属性的父级元素，若无，则相对于body。