关于css中的position这个属性，在使用的时候，有时很强大，有时又让人很无奈。
强大的时候，对于div中的一些小物件不方便使用margin或者padding的时候，给与position:absolute;再配备left、right、top和bottom，基本上就是想放哪里放哪里了。
让人无奈的时候，就是我们一旦滥用了position这个定位属性，就会让自己的布局飞的满天是，又因为z-index没有设定好，基本上，整体的布局就会让你手足无措，找原因的话，又非常麻烦，最后，恐怕只能推倒重做了。
所以，对待position这个属性，我们要详细的了解到它运行的原理，以及应用的场景，这样，我们才可以在想用的时候完美的驱使它来完成我们想要的效果。
废话不多说，直接上步骤，先说position的概念吧
position,我们百度一下，就知道这个单词的意思是方位，在css中，就是定位的意思，属性名字是 position，属性值有五个，分别是 static（默认定位）、absolute（绝对定位）、relative（相对定位）、fixed（固定定位）、inherit（继承定位，不常用）。
书写规则：
每个属性值都介绍一下吧
1、position:static（默认定位）
顾名思义，就是我们平常书写的时候，每个div在文档流中默认的排版，就是static属性值，它不会让div或者其他元素脱离文档流，而是遵循排版的原则，从上到下，块级元素换行，行内元素不换行等等通用原则，所以，如果不用定位属性，那么这个position就不用设置。
2、position：relative（相对定位）
相对定位，就是相对于自己本身进行定为移动，它不会脱离文档流，也就是说，我给一个元素设定了这个属性，那么这个文件还会在这个文档流中来回移动，至于怎么移动，下面再讲。
3、position：absolute（绝对定位）
跟相对定位不同，它是相对于拥有相对定位属性的父元素进行定位移动，它会脱离文档流。
如果父元素中的所有子元素都设置了absolute，那么所有的子元素都会浮起来，然后堆叠到一块儿，所以为了把各个元素摊开显示，我们需要移动这些元素，而移动这些元素的方法，就是直接是style样式表中书写：left、right、top、bottom四个属性，然后在属性的后面写上px(像素)、%（百分比）等可以表示距离的单位。
在这里，我们要特别强调，left和right不能同时使用，top和bottom不能同时使用。
并且，这四个元素，都是相对于拥有相对定位（relative）属性的父元素进行移动的。如果父元素没有相对定位，那么绝对定位就是相对于body进行定位的。
新闻热点
疑难解答
