问答详情
源自:13-9 Relative与Absolute组合使用

相对定位与绝对定位

绝对定位:当元素绝对定位时,元素脱离文档流,自成块级框,以父级元素为参照物进行定位,如元素没有父级,就往上寻找,一直到body。

相对定位:当元素相对定位时,元素不脱离文档流,以自身原点为参照物进行定位,定位后之前的元素框依然存在。

各位大神,我这么理解对不对,如果有错的还望指教,最好说详细的,拜托了



提问者:慕田峪9304305 2018-04-16 18:39

个回答

  • Annbest
    2018-04-16 19:39:06

    为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口

    为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动