父子元素外边距重叠问题：

父子元素外边距重叠问题：

               产生原因：垂直方向，父子元素的外边距重叠，所以给子元素设置的外边距会传递给父元素

               解决：父子外边距开始位置不重叠

            父元素

            方案1：设置边框

                         border：；

            方案2：设置内边距

                               添加属性box-sizing：border-box

            方案3：设置overflow的值非visible，常用的hidden

            方案4: 给父元素通过::before添加一个table子元素，必须要写content属性 推荐使用

1.此时给content设置上外边距，box盒子跟着一起移动

 

 2.用伪元素选择器解决上边距重叠问题