Maring-left和padding-left之间的区别

Question

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;  任何人都可以解释这两个属性之间的主要区别

Answer 1

当然！

因此a.x a.y 会添加到您定位的元素之外 - 在这种情况下，它会被放置在margin div外部的左侧。

另一方面，

#position2将添加到您已定位的元素中。最简单的方法是在您已经获得的代码中添加背景颜色：

padding

然后输出这个，清楚地直观地表示发生了什么：