CSS--绝对定位和相对定位

1.CSS相对定位概念：如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。

#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}

详细介绍： http://www.w3school.com.cn/css/css_positioning_relative.asp

2.CSS绝对定位概念：绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

绝对定位的元素的位置相对于 最近的已定位祖先元素 ，如果元素没有已定位的祖先元素，那么它的位置相对于 最初的包含块 。

详细介绍：http://www.w3school.com.cn/css/css_positioning_absolute.asp

总结：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。