CSS定位中Position的absolute、 Relative使用细节

1 。当Position属性值为Relative时

对象原来占有的位置保 留，其后面的对象按原来文档流仍然保持原来的位置
Top的值表示对象相对原位置向下偏移的距离
bottom的值表示对象相对原位置向 上偏移的距离
两者同时存在时，只有Top起作用。
left的值表示对象相对原位置向右偏移的距离
right的值表示对象相 对原位置向左偏移的距离
两者同时存在时，只有left起作用。

2 。当Position属性值为absolute时

对象从文档流中抽取出来，原占有的位置被后面的对象顶替上来
Top的值表示对象上边框与浏览器窗口顶部的距离
bottom 的值表示对象下边框与浏览器窗口底部的距离
两者同时存在时，只有Top起作用；如果两者都未指定，则其顶端将与原文档流位置一致，即垂直保持位 置不变。
left的值表示对象左边框与浏览器窗口左边的距离
right的值表示对象右边框与浏览器窗口右边的距离
两者同时 存在时，只有left起作用；如果两者都未指定，则其左边将与原文档流位置一致，即水平保持位置不变。