box3为什么要设置为relative呢,设置成absolute也能达到效果啊?

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

可爱小笨

2016-03-01 19:23

如题,不懂relative这种定位的意义何在



写回答 关注

4回答

  • 玖零儛
    2016-03-18 13:03:27

    对于子元素(box4)来说,采用relative和absolute是没有区别的,box4的定位只要box3具有定位属性就行;但是对于box3来说,如果要移动的时候,采用relative就是在当前默认位置(题目中box3没有偏移)的基础上偏移,可以根据和box1的距离定位,同时保留了box3的位置,之后要是还有box5可以参照box3的默认位置;用了absolute的话,要移动box3就要自己算和body的偏移量,同时没有了box3的位置,像透明一样悬在那儿,再加入box5的话也不好计算什么地方正好不在box3的位置

  • 揸刀人
    2016-03-15 20:34:42

    设成relative的话    移动box3就可以用相对box1的坐标了   设成absolute的话,移动box3就很麻烦了

  • 简单的阳光
    2016-03-12 14:10:15

    因为box3里边没设置偏移量,那么position:relative/absolute 效果是一样的。但是实质不一样,当你设定了position的值,时,他等待着你设定偏移量,①如果你不设定偏移量,它就默认是自上而下或者自左向右的分步于页面;②如果你设定了,他就按照偏移量来偏移。还要注意,概念上的区别:绝对定位是相对于离他最近的父元素定位的;相对定位:相对于与他同级的元素定位的。效果上的区别:绝对定位的元素不会保留它的空间,如果有 其他元素要定位,是会覆盖它的;相对定位会保留其空间,如果p设置了相对定位,他后面有其他元素也要相对定位,后面的元素会自上而下分布,不占用p的空 间。relative是相对于他原来的位置偏移。absolute,相对于离他最近的父元素偏移。

  • littlebu
    2016-03-01 19:43:30

    以后你遇到了问题再回过来看吧,这个地方需要实践。

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

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

1225809 学习 · 18234 问题

查看课程

相似问题