定位：relative相对定位、absolute绝对定位、fixed固定定位

        作者有话说:在学定位之前有了解过吗？再没学浮动之前，这些块元素标签会出现在一列，要想实现并排就可以使用浮动float，现在我们可以学习定位，给背景图片或者图片、div、border等添加属性等，有定位在祖先级的、定位在浏览器的，比如说浏览京东页面时，当你拉动网页的时候页面会动，但是会有一个栏目始终保持在那个位置不动，这就是使用的定位，接下来一起看看吧！

定位使用position

        static  默认值，没有定位

        relative    相对定位

        absolute    绝对定位

        fixed   固定定位

1.relative相对定位

相对定位：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位置，但是原来的位置会被保留下来，且仍在标准文档流中，它对父级盒子和相邻的盒子都没有任何影响。

使用相对定位：position: relative;

riht:Npx;                                        //相对原来的位置距离右边移动Npx

left:Mpx;                                       //相对