盒子塌陷以及scss &::before

子盒子margin-top后，父亲跟着往下边移动，解决方法

解决方法：

（1）为父盒子设置border，为外层添加border后父子盒子就不是真正意义上的贴合  （可以设置成透明：border：1px solid transparent）。

（2）为父盒子添加overflow：hidden；

（3）为父盒子设定padding值；

（4）为父盒子添加position：fixed；

（5）为父盒子添加 display：table；

（6）利用伪元素给子元素的前面添加一个空元素

.son:before{ content:"";            overflow:hidden; }

二.&::before &::after

就在在当前元素后面加一个兄弟元素:一般场景，就是一根线，或者一个label