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

层模型中相对定位和绝对定位区别

层模型中相对定位和绝对定位区别

提问者:summer乐 2016-10-27 16:22

个回答

  • 蓝田4
    2016-11-13 21:33:50

    绝对定位:在没有父元素的情况下,相对于浏览器窗口移动。

    相对定位:相对于以前的位置移动。

    假设你做了两个<div>,在不设置float,设置一定的宽度的情况下,它们会在左边排列,上一个下一个。如果对第一个<div>进行绝对定位,使它到浏览器右侧,那么下面的盒子会跑上来(前提是要保证两个盒子的宽度小于浏览器窗口的宽度)。如果对第一个盒子进行相对定位,使它定位到浏览器右侧,那么下面的盒子不会动,仍保持在原来的位置,这就是“相对于以前的位置移动,偏移前的位置保留不动。”的意思

  • 慕圣5882566
    2016-10-27 16:38:06

    相对定位的对象是元素本身之前所处的位置,绝对定位的对象是其他具有定位属性的包含块,或者浏览器窗口。

  • 饕餮小马4227932
    2016-10-27 16:32:16

    相对定位的对象是元素本身之前所处的位置,绝对定位的对象是其他具有定位属性的包含块,或者浏览器窗口。