知道padding-left和margin-left的区别，但CSS中left和padding-left有啥具体区别呢？

Posted 2023-04-16

css中Margin和padding属性的区别
margin：层的边框以外留的空白
padding：层的边框到层的内容之间的空白
padding-top padding-left padding-right padding-bottom
margin-top margin-left margin-right margin-bottom
上下左右间隙宽度相同
.d1 padding:1cm
.d1margin:1cm
也可以分别设置间隙 ，顺序 是上，右，下，左。
示例如下：
.d1 padding：1cm 2cm 3cm 4cm
.d1margin：1cm 2cm 3cm 4cm
上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm 。 参考技术A css中Margin和padding属性的区别
margin：层的边框以外留的空白
padding：层的边框到层的内容之间的空白
padding-top padding-left padding-right padding-bottom
margin-top margin-left margin-right margin-bottom
上下左右间隙宽度相同
.d1 padding:1cm
.d1margin:1cm
也可以分别设置间隙 ，顺序 是上，右，下，左。
示例如下：
.d1 padding：1cm 2cm 3cm 4cm
.d1margin：1cm 2cm 3cm 4cm
上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm 。 参考技术B 建议你去深入瞭解一下"盒子模型",盒子模型弄明白了,margin和padding也就彻底理解了
链接:http://baike.baidu.com/view/2758739.htm
另外,left是配合position:absolute;用的,当块级元素赋予position:absolute;属性后,left就是相对第一个position:relative;的父层而言的.本回答被提问者采纳 参考技术C left是层位置属性设置，padding-left是层距离层左边距离设置

Maring-left和padding-left之间的区别[重复]

【中文标题】Maring-left和padding-left之间的区别[重复]

【英文标题】：Difference between Maring-left and padding-left [duplicate]

【发布时间】：2018-11-10 08:08:47

【问题描述】：

我想知道为什么这些选择器会产生相同的结果

#position2
    	margin-left:25px;
    
    
#position3
    	padding-left:25px;
    

<h1 id="position2">***</h1>
<h1 id="position3">***</h1>

谁能解释这两个属性之间的主要区别

【问题讨论】：

最短的可能解释：填充在元素内添加空间，而边距在元素外添加空间。

【参考方案1】：

当然！

所以margin 被添加到您定位的元素之外 - 在这种情况下，它被放置在#position2 div 之外的左侧。

另一方面，

padding 被添加到内您所定位的元素中。看到这一点的最简单方法是在您已经获得的代码中添加背景颜色：

#position2
        margin-left:25px;
        background-color: blue;
    

#position3
        padding-left:25px;
        background-color: red;
    

然后输出这个，清楚地显示正在发生的事情：