AI 助理
备案控制台
开发者社区> 问答> 正文

margin和padding分别适合什么场景使用？

已解决

margin和padding分别适合什么场景使用？

展开
收起
pandacats 2019-12-10 15:59:18 1161 0
1 条回答
写回答
取消 提交回答
  • pandacats
    采纳回答

    何时使用margin：

    需要在border外侧添加空白

    空白处不需要背景色

    上下相连的两个盒子之间的空白，需要相互抵消时。

    何时使用padding：

    需要在border内侧添加空白

    空白处需要背景颜色

    上下相连的两个盒子的空白，希望为两者之和。

    兼容性的问题：在IE5 IE6中，为float的盒子指定margin时，左侧的margin可能会变成两倍的宽度。通过改变padding或者指定盒子的display：inline解决。

    2019-12-10 15:59:31
    赞同 展开评论 打赏
问答地址：
开发者社区 > 云计算 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答
安全组做padding用什么代码表示呀？
858
1
0
.MARGIN: 10px 20px 30px 40px 代表" 上下左右"四个边距这是正确的吗？
1062
1
0
#container{margin:0 auto;width:780px;} 代码什么意思？
811
1
0
python中CSS如何实现padding上下左右分别为 1px，2px，3px，4px呀？
715
1
0
#box{width:100px;height:50px;position:fixed;}哪种定位？
387
1
0
Padding
648
1
0
小练习 关于margin的问题？小练习
1882
1
0
为什么不建议使用*{padding:0;margin:0;}进行reset？
2300
1
0
border-style:none时设置border-radius为何会有效果
2101
1
0
关于css中的margin-top和margin-bottom的取值？
1953
1
0
问答排行榜
最热
最新
1 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1818782
2 据说在家办公的程序员是这样写代码的？ 1792810
3 阿里云开放端口权限 690139
4 如何升级配置 536210
5 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522684
6 【精品问答】python技术1000问(1) 514086
7 Flink Forward Asia 2021 有奖问答 512870
8 OceanBase 使用动画（持续更新） 359341
9 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329776
10 OSS存储服务-客户端工具 321486
11 为体验实验室取一个新名字。 307416
12 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 304012
13 Win Server 2003-2016 加密勒索事件必打补丁合集 295285
14 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 284077
15 安全组详解，新手必看教程 277316
16 写code还是做管理，开发者如何进行职业规划？ 268924
17 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255863
18 阿里云手机和阿云浏览器连接问题专帖 235672
19 请问阿里云邮箱如何开启SMTP服务啊！ 225788
20 一个备案号，如何备案多个域名？ 223612
1 【云端读书会 第1期】读《10分钟打造专属AI助手》，你有哪些心得？ 303
2 我在云栖做动手，一起参与吗？ 1399
3 99元云服务器，你最pick哪种新玩法？ 3510
4 请问钉钉知识库里，如何批量下载文件夹里面的文件 299
5 全天候24小时无所不知AI助手是如何炼成的？ 1681
6 阿里云百炼的data = json.loads(json_string)是什么意思呀？ 530
7 modelscope-funasr的FunClip怎么安装的？ 536
8 Rabbit MQ 和 Rocket MQ 两者之间有什么区别？ 164
9 RocketMQ cve-2024-23321 漏洞 184
10 在钉钉中不打开钉钉的情况下可以提醒打上下班卡吗？ 141
11 在钉钉中创建OA审批，上传附件如何操作的？ 164
12 在钉钉中自定义机器人发送消息返回，这个限流是企业级别的还是机器人的？ 570
13 部署了Nacos2.4.0，开启鉴权，用管理员账号，修密码，就报401错误，啥原因呀？ 537
14 想在宜搭做一个数据分析应用，从硬件获取数据 193
15 我们内部的阿里云DNS服务器转发器是设置是 223.5.5.5，我看是有限速了，怎么办？ 205
16 使用无影云电脑玩黑神话悟空，Mac笔记本可以吗？ 645
17 Nacos 配置鉴权后，用户就变成这个了，unknown user!为什么？ 487
18 快速开始nacos时遇到的，这是什么原因？ 616
19 k8s集群nacos2.2.3升级到nacos2.4.1方法？ 603
20 nacos2.4.1版本，客户端可以正常连接，但是服务列表没有服务。这是为什么？ 717
推荐问答
乘风问答官招募中！机械键盘免费拿

相关电子书

更多
    • 低代码开发师（初级）实战教程 立即下载
    冬季实战营第三期：MySQL数据库进阶实战 立即下载
    阿里巴巴DevOps 最佳实践手册 立即下载