通过padding和margin 留白有什么区别吗

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

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

2回答
好帮手慕码 2019-08-21 09:48:28

同学你好!

它们二者解决”中间栏div内容不被遮挡“问题的思路不一样:

圣杯布局,为了中间div内容不被遮挡,将中间div设置了左右padding-left和padding-right后,将左右两个div用相对布局position: relative并分别配合right和left属性,以便左右两栏div移动后不遮挡中间div。

双飞翼布局,为了中间div内容不被遮挡,直接在中间div内部创建子div用于放置内容,在该子div里用margin-left和margin-right为左右两栏div留出位置。

其实这是前辈总结出来的,同学沿用即可。

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

好帮手慕码 2019-08-20 17:05:21

同学你好!

padding一般是文字和边框的距离,margin一般是边框和边框的距离:

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

http://img1.sycdn.imooc.com//climg/5d5bb76600016f7002450163.jpghttp://img1.sycdn.imooc.com//climg/5d5bb78e0001388003290162.jpg

如果帮到了你,欢迎采纳,祝学习愉快!

  • 提问者 慕函数0414863 #1
    老师我的意思是 圣杯布局和双飞翼布局 为什么一个通过padding 一个通过margin 留空白区域
    2019-08-20 21:54:42
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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