外边距和内边距的区别

• 外边距：外部向内挤压，原来的内容空间减少
• 内边距：内部向内扩张，原来的内容空间增加
  

<div style="background: aquamarine;width: 200px;height: 200px;margin: 50px">
        外边距50px
    </div>
    <div style="background: aquamarine;width: 200px;height: 200px;">
        不变的
    </div>
    <div style="background: aquamarine;width: 200px;height: 200px;padding: 50px">
        内边距50px
    </div>

这篇好文章是转载于：学新通技术网