简单整理下css中的几种定位 大神勿入

在css中我们常用的定位有以下几种：

  1，static（默认定位） 2，relative（相对定位） 3，absolute（绝对定位）  4，fixed（固定定位）

  1：static 默认值，按照文档流的布局，布局到哪了是哪里

  2： relateive 相对定位，可以通过top left right bottom对元素本身 所在的位置进行微调，注意相对定位的对象是它自己原来的位置,它不会脱离文档流，它原来的位置不会被侵占。

  3：absolute:绝对定位，也是通过top left right bottom，它的定位是相对于自己的祖先容器，从父集开始第一个为relative或者是absolute，fixed的容器，

      “一旦一个元素使用了绝对布局，它就从文档流中脱离出来，后续的元素把它所占的空间填充。”

  4：fixed 固定定位，它是相对于窗口进行定位的，不会随页面的移动而移动

  注：1，在使用定位发生相互覆盖的情况，我们可以使用z-index属性来调整次序，z-index值越大，层次越高，能覆盖比他z-index值小的元素,
 z-index值 只对设置了定位为relative或者是absolute的元素起作用