相对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状它原本所占的空间仍保留。没有脱离文档流参照物自身原来的位置定位元素可以使用 top/left/right/bottom来设置元素的位置当上下都设置时听上面的当左右都设置时听左边表的。top/left/right/bottom每一个属性的正方向都为中心方向反之为负方向。定位的元素会出现分层现象可以使用z-index属性设置层级。值越大层级越高默认值为0#box_relative { position: relative; left: 30px; top: 20px; }注意在使用相对定位时无论是否进行移动元素仍然占据原来的空间。因此移动元素会导致它覆盖其它框。绝对定位绝对定位使元素的位置与文档流无关因此不占据空间。这一点与相对定位不同相对定位实际上被看作普通流定位模型的一部分因为元素的位置相对于它在普通流中的位置。参照物祖先元素中最近的定位元素为参照物若没有满足条件的祖先以body为参照物。开发时手动设置参照物设置position:relative#box_relative { position: absolute; left: 30px; top: 20px; }固定定位参照物可视窗口可被固定在页面的某一位置不随着上拉下拉而滑动 position: fixed;有点粗糙日后会继续完善部分文本引自W3C