一、一个困扰自己长久的问题
padding 和 margin 其似乎可以实现相同的效果，但是纠结使用哪一个。
现在一个规定：
若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！
若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！
若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！
二、margin上边框合并问题
下面我们来解释一下为什么 内嵌关系，不能使用 padding！
因为其有个上边框合并，如下图，我们看到，其两个div直接合并在一起，然后margin表示的是相对于窗口，多出来20px
这种显然是不行的，因此这种必须要使用padding来解决！
通过设置外层元素的padding来解决，这个其实一点也不难。
这个其实很简单，看下面的案例即可！！
因此，对于存在嵌套关系的，我们使用padding来调整关系；而对于并列的，我们使用margin来调整关系。
这个之前一直困扰我们很久，但是现在很简单，一点也不难。