为了账号安全,请及时绑定邮箱和手机立即绑定

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

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



正在回答

4 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信