relative与absolute

来源:13-9 Relative与Absolute组合使用

weixin_慕虎8024491

2019-11-30 22:42

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

写回答 关注

2回答

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


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

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

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

    weixin...

    非常感谢!

    2019-12-01 10:38:42

    共 1 条回复 >

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

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

    xinghu...

    同样初学,我说下我的想法,当默认flow流模型时,父元素与子元素无法重叠,只有父元素与子元素同时设置为layer层模型时才能实现嵌套,absolute是本元素相对父元素的设置,对子元素使用,relative是本元素相对本元素在flow流模型下位置的设定,对父元素使用后只改变模型类别,不设置参数不影响父元素位置。 不知道对不对,希望能帮助到你。

    2020-02-16 22:43:16

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225813 学习 · 18234 问题

查看课程

相似问题