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 定位的已定位祖先元素进行定位，若没有以定位祖先元素，则以<body>进行定位。使用top,right,bottom,left进行设置，元素不占原来位置。元素上下位置默认后一个元素在前一个元素之上，可通过设置z-index属性改变。
.move{
position: absolute;
left: 100px;
top: 100px;
}
absolute
fixed
相对于浏览器窗口进行定位，当移动滚动条时，元素相对于浏览器窗口不移动。使用top,right,bottom,left进行设置，元素不占据文档流中的位置。inherit
元素的定位继承父元素的定位。
