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

relative与absolute

http://img2.mukewang.com/5de27eb300017aea08460507.jpg还是不明白为什么父元素加relative,子元素加absolute会变成图一;而父元素加absolute,子元素加relative会变成图二?

提问者:weixin_慕虎8024491 2019-11-30 22:42

个回答

  • Fidd
    2019-12-01 00:52:04
    已采纳


    1.默认情况由于div元素是块级元素,另起一行,因此div子元素出现在图片下方,如第二幅图所示;

    2.第一种情况是给子元素设置absolute,改变了默认的流模型,更改了子元素相对于父元素的位置,使子元素底部相距父元素为0,表现为第一幅图情况;

    3.给子元素设置relative,那么子元素只是相对于自己原来的位置移动,然后设置距离自己原来的位置底部为0,相当于没有改变位置,所以和第一种默认情况没什么两样。

  • 慕的地8138683
    2020-02-11 15:42:15

    求问那为什么要涉及父元素,relative与absolute组合使用,直接子元素absolute不可以吗