CSS中的空白和边距到底有什么区别？它似乎并没有太大的作用。您能否举一个例子说明差异所在（为什么知道差异很重要）？
Answers:
padding是内容和之间的空间border，而是margin边界外的空间。这是我通过Google的快速搜索找到的图片，它说明了这一想法。
边距应用于元素的外部，因此影响元素与其他元素的距离。
填充应用于元素的内部，从而影响元素内容离边界的距离。
此外，使用边距不会影响元素的尺寸，而填充将使元素的尺寸（设置高度+填充）变大，例如，如果您有一个100x100px的div和5 px的填充，那么您的div实际上就是105x105px
auto。如果width为auto，则附加的填充将相应地增加填充元素的宽度（并且从两侧开始，如@ 2013Asker所述）
请记住以下三点：
演示图片：（其中红色框表示欲望控制）
填充
填充是CSS属性，用于定义元素内容与其边框（如果有边框）之间的空间。如果元素周围有边框，则填充将为从该边框到出现在该边框中的元素内容提供空间。如果一个元素周围没有边框，则添加填充对该元素完全没有影响，因为没有边框可提供空格。
余量
Margin是CSS属性，用于定义元素外部与其下一个外部元素之间的空间。
边距影响同时具有或不具有边界的元素。如果一个元素具有边框，则margin定义从该边框到下一个外部元素的空间。如果一个元素没有边框，则margin定义从元素内容到下一个外部元素的空间。
填充和边距之间的差异
因此，margin和padding之间的区别在于，尽管padding处理内部空间，margin处理外部空间到下一个外部元素。
很高兴知道margin和之间的区别padding。我所知：
auto值设置为保证金。但是，不允许填充。看到这个。
margin: auto将块元素水平放置在其父元素的内部水平居中位置。另外，可以通过将margin设置为auto来在flexbox内部垂直或水平放置元素，也可以同时放置两者。看到这个。
background-color属性设置为黑色时，其内部空间（即填充）将为黑色，但其外部空间（即空白）将为黑色。
保证金是盒子外面的空间；填充是盒子内部的空间。很难看到白色填充的区别，但是使用彩色填充可以很好地看到它。
填充使开发人员可以在文本及其封闭元素之间保持空间。边界是元素与父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是CSS中的属性，用于在边框之外的元素周围创建空间。程序员可以为顶部，右侧，底部和左侧设置边距。换句话说，他可以使用margin-top，margin-right，margin-bottom和margin-left来设置这些值。
该保证金值可以是以下类型的。
首先，自动允许浏览器计算边距。此外，长度表示以px，pt或cm为单位的边距，而％有助于将边距描述为相对于包含元素宽度的百分比。最后，Inherit表示边距必须从父元素继承。
填充是CSS中的属性，可帮助在边框内的元素周围创建空间。程序员可以为顶部，右侧，底部和左侧设置填充。换句话说，他可以使用padding-top，padding-right，padding-bottom和padding-left来设置这些值。
该填充 值可以是以下类型的。
长度以px，pt或cm为单位描述填充，而％表示填充相对于所包含元素的宽度的百分比。最后，继承描述应从父元素继承填充。
div.special {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
margin:30px 20px 10px 25px;
}
div.special2 {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
padding:30px 20px 10px 25px;
} <div class="special">
Hello its margin test
</div>
<div class="special2">
Hello its padding test
</div>保证金和填充之间的区别
边距是一个CSS属性，用于在定义的边界外的元素周围创建空间，而padding是一个CSS属性，用于在定义的边界内的元素周围创建空间。因此，这解释了边距和填充之间的主要区别。
值 此外，margin的值可以是auto，length，％或Inherit，而padding的值可以是length，％或Inherit type。因此，这是空白和填充之间的另一个区别。
简而言之，margin和padding是CSS中的两个属性，可用于设置网页样式。无法为这些属性分配负值。边距和填充之间的主要区别在于，边距有助于在边框外部的元素周围创建空间，而填充有助于在边框内部的元素周围创建空间。
边距应用于元素的外部，因此影响元素与其他元素的距离。
填充应用于元素的内部，从而影响元素内容离边界的距离。
此外，使用边距不会影响元素的尺寸，而填充将使元素的尺寸（设置高度+填充）变大，例如，如果您有一个100x100px的div和5 px的填充，那么您的div实际上就是105x105px
基本上，填充和边距之间的差异来自背景。填充将决定内容之间的间隔，而边距将决定元素的外部边缘！
填充是您的内容和边框之间的空间。凡为保证金之间的空间的边界和其他元素。
padding vs margin。我认为我们需要在搜索栏中添加箭头并变为绿色。