用Div+CSS举行网站结构时，做一些浮动层等特殊特殊效果时要考虑到定位问题；这就要用到Position属性。 Position属性有四个值：static、fixed、absolute和relative。

后面两个值在结构中的定位里是经常用到的，顾名思义：

●　absolute是指绝对定位

即将工具从文档流中拖出，使用left，right，top，bottom等属性举行绝对定位，而其层叠通过z-index属性界说。此时工具不具有边距，但仍有补白和边框。

●　ralative是指相对定位

就是依据left，right，top，bottom等属性在正常文档流中偏移位置。

然则，怎么个绝对法，又怎么个相对法呢？
以前我一直没有仔细去研究它，到详细应用时有时会有点迷糊，我信赖许多同伙也会有这样的问题。今天我特意测试了一下，得出了以下结论：

1、当Position属性值为Relative时

工具原来占有的位置保留，厥后面的工具按原来文档流仍然保持原来的位置。

top的值示意工具相对原位置向下偏移的距离，bottom的值示意工具相对原位置向上偏移的距离。两者同时存在时，只有Top起作用。

left的值示意工具相对原位置向右偏移的距离，right的值示意工具相对原位置向左偏移的距离。两者同时存在时，只有left起作用。

2、当Position属性值为absolute时

工具从文档流中抽取出来，原占有的位置被后面的工具顶替上来。

●　top的值示意工具上边框与浏览器窗口顶部的距离，bottom的值示意工具下边框与浏览器窗口底部的距离。

两者同时存在时，只有top起作用；若是两者都未指定，则其顶端将与原文档流位置一致，即垂直保持位置稳固。

●　left的值示意工具左边框与浏览器窗口左边的距离，right的值示意工具右边框与浏览器窗口右边的距离。

两者同时存在时，只有left起作用；若是两者都未指定，则其左边将与原文档流位置一致，即水平保持位置稳固。

在Position属性值为absolute的同时，若是有一级父工具（无论是父工具照样祖父工具，或者再高的辈分，一样）的Position属性值为Relative时，则上述的相对浏览器窗口定位将会酿成相对父工具定位，这对正确定位是很有辅助的。

链接: http://www.fly63.com/article/detial/7988