老师你好,关于移动量的问题

老师你好,关于移动量的问题

搞不懂移动量是怎么移动的,比如我设置了

position: absolute;right: 200px; 他这个200px是根据哪里开始移动200px的?

又比如设置了top:200px;他又是怎么移动的呢?


正在回答

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

2回答

同学你好!

(1)如果其父级设置了定位,它以父级的左上角为参照来移动的:

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

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

(2)如果父级没有设置定位:它会以body为参照物进行布局

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

总结:设置了绝对定位的元素A会寻找它设置了定位(除定位的默认值以外)的父级、组先级元素进行参照布局。如果都没有设定位,那么是相对于body去布局的

如果帮助到了你 欢迎采纳 祝学习愉快~

  • Liu1997 提问者 #1
    老师,那如果是以body为父元素进行移动的话,也是以元素的左上角开始移动的吗?
    2019-08-12 21:52:41
好帮手慕码 2019-08-13 09:33:26

同学你好!

以body为父级进行参照的话,是从body最上角开始移动的,不是元素的左上角:

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

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

如果帮助到了你 欢迎采纳 祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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