redposition fixedtop 20% ltstyle 4查看样式效果，保存html文件后使用浏览器查看设置的效果5设置positionfixed 居中为了给div自动居中显示，只需要在fixed类中再添加left 0right 0margin0 auto6查看居中效果保存html文件后使用浏览器打开，就绝对居中了ltdiv。

为了帮助理解相对定位与绝对定位的区别，我将用一个简单的比喻来说明假设有一排站在一起的人，我们用甲乙丙三个人来代表网页中的三个元素他们之间的距离都是1米如果以甲为参照点，那么乙距离甲1米接下来，我们考虑丙的位置，这里我们用两种定位方式来描述一种是相对定位相对于乙来说。

ltdiv style=#39backgroundcolor red position absolute left0 top 0 right 0 bottom0 zindex 999#39 11ltdivltdiv style=#39backgroundcolor blue position absolute left0 top 0 right 0 bottom0 zindex 1#39 11ltdiv用zindex，z。

如果此时我们将sub2也设置为relative，sub2也将根据top，right，bottom，left的值相对于其原本应该在的位置进行偏移值得注意的是，relative定位的偏移是基于对象的margin的左上侧绝对定位的属性则常常被误解为总是按照浏览器窗口进行定位，实际上，这其实是固定定位固定定位的特点当sub1的position设置为。

绝对定位absolute当一个DIV块的位置被定义为绝对定位的时候，也就意味着它失去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上否则就会以浏览器的上下左右四边为基准进行偏移相对定位relative当设了相对的偏移量之后。

当子盒子绝对定位，父盒子绝对定位相对定位，则子盒子基于父盒子左上角定位。