为啥要用定位？
当标准流和浮动实现不了我们想要的结果时，这时我们用定位就可以达到我们想要的结果。
1，相对定位position: relative
相对定位是元素在移动的时候，相对它自身的位置做出移动的。
使用相对定位后的盒子，继续保有原来的位置，和浮动不同，当盒子使用浮动脱离其原来的位置，其他盒子就会占位置，而相对定位在脱离其原来的位置，其他的盒子也占据不了相对定位原本的位置。
2，绝对定位 position: absolute
绝对定位在移动位置的时候，是相对于它的父级元素。
如果它没有祖先元素，或者祖先元素没有定位的话，那么它就会以浏览器为准定位
不信的话我们可以下：
当我们给div的父元素body加个相对定位时，这时div的绝对定位就以body为准。
如果它的父级元素没有定位，爷爷级元素有定位的话，那么就以最近爷爷级元素为准。
3，固定定位 position: fixed
什么是固定定位？ 顾名思义就是固定不动的定位，通常用于滚动浏览器的窗口时，固定在在窗口的某一处。
