margin和padding的区别

margin和padding的区别

老师,这里把margin换成padding之后,为什么会出现偏移?

http://img1.sycdn.imooc.com//climg/5d9180f70975e2ae11480664.jpghttp://img1.sycdn.imooc.com//climg/5d9181040927715513650659.jpghttp://img1.sycdn.imooc.com//climg/5d91811b09ce699511470667.jpghttp://img1.sycdn.imooc.com//climg/5d91812609170abd13650658.jpg

按理来说,此时header盒子里的两个子元素都浮动了,那么header这个div就塌陷了。可是为什么margin设置的,坍陷之后图片没有顶住左上角,而padding就移动了呢?是底层的原因吗?

正在回答

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

1回答

同学你好,1. 区别:margin设置所有外边距属性,也就是两个盒子的距离。padding是设置所有内边距属性,就是设置父盒子与子盒子内部的间距。

2. 因设置在padding设置了auto导致设置样式错误所以未实现效果。如图所示:

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

祝学习愉快!

  • 岩爵 提问者 #1
    就是说一个div要设置padding,必须有父div?
    2019-09-30 14:14:48
  • 好帮手慕小尤 回复 提问者 岩爵 #2
    同学你好,父div只是一个比喻,不是必须的哦!祝学习愉快!
    2019-09-30 14:20:49
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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