CSS 的position属性

• static
  position的默认定位。

• relative
  相对于原位置进行偏移，使用top,right,bottom,left进行设置，元素仍占原来位置。元素上下位置默认后一个元素在前一个元素之上，可通过设置z-index属性改变。
  div{
  width: 200px;
  height: 150px;
  background-color: #fff;
  border: 1px solid black;
  }
  .move{
  position: relative;
  left: 20px;
  top: -30px;
  }

relative

• absolute
  与原位置无关，根据最近的除static 定位的已定位祖先元素进行定位，若没有以定位祖先元素，则以进行定位。使用top,right,bottom,left进行设置，元素不占原来位置。元素上下位置默认后一个元素在前一个元素之上，可通过设置z-index属性改变。
  .move{
  position: absolute;
  left: 100px;
  top: 100px;
  }

absolute

• fixed
  相对于浏览器窗口进行定位，当移动滚动条时，元素相对于浏览器窗口不移动。使用top,right,bottom,left进行设置，元素不占据文档流中的位置。

• inherit
  元素的定位继承父元素的定位。