子元素和父元素相邻的垂直外边距（margin），子元素的外边距（margin）会传递到父元素上

解决方法如下几种

第一：在父元素下加入table元素

<table></table>

第二：给父级添加clearfix的类名，使用before伪类清楚浮动

clearfix:before{
    content: '';
    display: table;
    clear: both;
}