CSS盒子模型

1. 内联元素设置边距上下边距无效，左右有效

2. 内联元素. margin: auto;  auto取值只适用于外边距左右取值，保证外边距的左右值一直相等，还能广泛的应用于块级元素在他的父级内水平居中

3. 外边距合并现象出现在上下两个兄弟元素之间，外边距重合时会发生合并现象，以大的为准

外边距溢出解决方案

1. 需要在父元素设置overflow: hidden;然后在与父元素重合的子元素设置margin: 10px;才会生效。
2. 父级加上内边距
3. CSS伪元素

   .d1::before{

   content: "";

   display: table;

    

   }