关于css 子元素设置 margin-top 会导致父级下移的解决方案

关于css子元素设置 margin-top 会导致父级下移的解决方案

1、给父元素添加border-top：1px solid transparent
2、为父元素添加overflow：hidden；样式即可（让父元素成为BFC，内部布局不受外部影响）
3、为父元素或者子元素声明浮动（float:left或者position）
4、给父元素添加伪元素(推荐)
.box::before{
content: ‘’;
display: table;}