当给子元素添加了margin-top的数值，浏览器解析的时候默认添加到父元素上解决的方法：
1 给父元素添加一个上边框border-top。
2 或者给子元素加个浮动。
3 给父元素添加overflow：hidden属性
4给父元素添加浮动。
两个行内块元素或者是行内元素横着排（默认）的情况下，给其中一个元素添加了margin-top，其他的也会有一个margin-top属性。
比如img元素。
div{
width100px；height：100px；background：red；
}
<div>
<img src=" 图片路径"/><img src= "图片路径 "/>
</div>
解决的方法：
1给元素本身添加一个浮动；
2给元素添加一个display：block；