老师,关于margin-top:-40px的问题

老师,关于margin-top:-40px的问题

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

老师,这边button这个div的定位应该是相对于main这个div来说的吧?

那么button这个div如果设置成margin-top:-40px,那么button的上边沿应该比main这个div高出40px吧,我是这样理解的,不知道哪里想错了,请老师指正。

正在回答 回答被采纳积分+1

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

2回答
好帮手慕阿莹 2020-08-24 15:54:09

同学你好,如果没有top:50%,由于banner这个div的高度已占据mian这个的高度,所以button会被挤出 main,如果只设置margin-top:-40px,则会出现在main中按钮的一半

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

如果没有这个banner,确实会如同学所说,高出main 40px,同学理解的不错,只是忽略了一些其他的设置。

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

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

好帮手慕阿莹 2020-08-24 14:53:36

同学你好

button这个div的定位是相对于main这个div

不过这里margin-top:-40px  是负的40px哦。老师画了个图,帮同学理解一下:

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

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!


  • 提问者 柯菲特 #1
    老师,如果没有top:50%,只有margin-top:-40px,那么黄色圈的上边沿是否会高出红色圈边沿40px?我这样理解是否正确?
    2020-08-24 15:26:39
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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