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积分~

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

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

在线咨询

领取优惠

免费试听

领取大纲

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