深入浅出理解绝对定位和相对定位

概要：

　　本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。

说明：

　　占位空间：元素在文档流中所占据的空间。
　　物理空间：元素本身所占据的空间。

下面分3种情况分别对相对定位和绝对定位进行讨论：
　　1.  只使用css第一组属性布局定位元素的情况
　　2.  只使用css第二组属性布局定位元素的情况
　　3.  混合使用第一组和第二组属性的情况

　　图1为未定位时的初始效果，层级关系为：
<div
<div box1
<div box2
<div box3
　　效果图：http://ce.sysu.edu.cn/hope/Item.aspx?id=12837 //非常详细。