绝对定位和相对定位

一、相对定位

1.相对于自身原有位置进行偏移。

2.仍处于标准文档流中(占据文档中的位置)。

3.随即拥有了偏移属性和z-index属性。

二、绝对定位

1.建立了以包含块为基准的定位。

2.完全脱离了标准文档流。

3.随即拥有了偏移属性和z-index属性。

4.div宽度会随着内容的改变而改变,类似于浮动。

绝对定位分为未设置偏移量和设置了偏移量的两种类型。一般设置绝对定位会把其祖先元素设置为相对定位,这样可以让其稳定一些,因为相对定位是没有脱离文档流的。

未设置偏移量特点:

     1.无论是否存在已定位的祖先元素,都保持在元素的初始位置。

     2.脱离了标准文档流。

设置了偏移特点:

     1.无已定位的祖先元素,会以html(根节点)为参照基准。

     2.有已定位的祖先元素,以距其最近的已定位的祖先元素为偏移参照基准。

posted @ 2016-02-26 13:54  纸鸢&红豆·绿豆  阅读(283)  评论(0编辑  收藏  举报