1.13 margin 外边距

• 子元素
• 兄弟元素

与边框类似，可单独设置四周边距；
此处只表现 margin 对布局的影响；
margin 在上下会重叠抵消取【大值】，但左右不会重叠抵消；
margin 对 span 又没有上下效果；
margin 处透明，相比 padding 不透明，不能重叠抵消；

子元素

• margin 外还是 margin，重叠抵消，取大值（30px）

<div style="margin: 30px;background-color: lawngreen">
    <p style="margin: 20px;background-color: lightcoral"> contect </p>
</div>

• margin 外是 padding，不能重叠抵消，取 2 次 margin；

<div style="margin: 30px;padding:10px;background-color: lawngreen">
    <p style="margin: 20px;padding:10px;background-color: lightcoral"> contect </p>
</div>

兄弟元素

• 上下 margin，重叠抵消，取大值（40px）

<div style="margin: 30px;background-color: lawngreen">
    <p> p1 </p>
</div>

<div style="margin: 40px;background-color: lawngreen">
    <p> p2 </p>
</div>