盒子塌陷以及scss &::before
2019-01-25 本文已影响0人
小丸子超级可爱

子盒子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

