54.margin-top没有生效

问题：在设置

   <div class="imagewrapper-class">
     <div class="bchart-class"></div>
   </div>
.bchart-class {
 margin-top: 40px;
}

在设置 ：margin-top时，发现父元素和子元素一起下移了40px,而且父元素和子元素的上边框重合了。
原理：
一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
解决办法：

1.为父元素设置border
2.在父div里面设置了padding-top
3.在父div里面设置 display： flex