在CSS中，边距和填充到底有什么区别?它似乎真的没有多大用处。你能给我举个例子说明区别在哪里(以及为什么知道区别很重要)吗?
当前回答
最简单的定义是; Padding是容器元素边界内的一个空格，margin是容器元素边界外的一个空格。 对于不是容器的元素，填充可能没有多大意义，但空白可以帮助排列它。
其他回答
边距应用于元素的外部，从而影响元素与其他元素的距离。
填充应用于元素的内部，从而影响元素的内容距离边框的距离。
此外，使用边距不会影响元素的尺寸，而填充会使元素的尺寸(设置高度+填充)，例如，如果你有一个100x100px的div，填充5px，你的div实际上将是105x105px
你可以看看这个链接，在那里你可以看到在CSS中padding和margin是如何工作的。 https://raw.githack.com/sushantbramhacharya/WebTechnology_LEC/main/margin/index.html
试着在一个有宽有高的div块上添加一个背景色。您将看到填充增加了元素的大小，而边距只是在文档流中移动元素。
边距是专门用来移动元素的。
填充允许开发人员保持文本和它的封闭元素之间的空间。边距是元素与父DOM中的另一个元素共同维护的空间。
看到的例子:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UT-8">
<title>Pseudo Elements</title>
<style type="text/css">
body{font-family:Arial; font-size:16px; background-color:#f8e6ae; color:#888;}
.page
{
background-color: #fff;
padding: 10px 30px 50px 50px;
margin:30px 100px 30px 300px;
}
</style>
</head>
<body>
<div class="page">
Notice the distance between the top and this text. Then compare it with the distance between the bottom border and the this text.
</div>
</body>
边距和填充都是填充的类型....一个(margin)在元素边框之外，使其与其他元素保持距离，另一个(padding)在元素内容之外，使内容与元素边框保持距离。
