相对定位

相对定位，是一个元素相对于另外一个元素的位置，相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。

相对定位使用position: relative设置。相对定位的关键在于定位了的要素的位置 是相对于它通常应在的位置进行定位。如 果你停止使用相对定位，则文字的显示位 置将恢复正常。

使用相对定位时要小心，否则容易将页面 弄得非常乱。

 CSS 绝对定位

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

普通流中其它元素的布局就像绝对定位的元素不存在一样：
 

通过position: absolute设置绝对定位。