为什么给元素设定position:relative才能将元素移动到padding位置上?

为什么给元素设定position:relative才能将元素移动到padding位置上?

为什么给元素设定position:relative才能将元素移动到padding位置上?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,因为相对定位position: relative;是相对于自身定位的,调整位置是相对于本身自己的位置。

比如这里left元素设置margin-left: -100%;之后是如下位置。

http://img1.sycdn.imooc.com//climg/5e789d3c09c24dad04970348.jpg

距离左侧边框,还有200px,那么我们需要当前的元素向左200px,就是比原来自身的位置往左200px,在相对定位的情况下,设置left:-200px,正好是向左移动200px哦。

祝学习愉快~

好帮手慕糖 2020-03-23 18:28:28

同学你好,因为top、left、bottom、right是要结合定位使用的,单独使用没有效果。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 TaraTara #1
    谢谢老师,那么为什么这里的position要设置为relative呢?
    2020-03-23 19:14:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师