margin在边框外控制元素间距，可正负值且会合并；padding在边框内增加内容距离，影响元素尺寸且背景延伸，口诀“内填padding，外空margin”。
在CSS中，margin 和 padding 都用于控制元素的间距，但它们作用的位置和效果完全不同。理解它们的区别对页面布局非常关键。
margin 是指元素边框（border）之外的空间，用来控制元素与其他元素之间的距离。
padding 是指元素内容（content）与边框（border）之间的空间，用来控制内容离边框的距离。
假设有一个 div：
立即学习“前端免费学习笔记（深入）”；
div {
width: 200px;
padding: 20px;
border: 5px solid #000;
margin: 30px;
}
基本上就这些。只要记住：padding 在边框内，影响元素本身大小；margin 在边框外，影响元素之间位置。用多了自然就分清了。
以上就是在css中margin与padding如何区分的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
634
收藏
