解决方案：
1、修改父元素的高度,给父元素加上padding-top
这是我常用的方法，但是总是感觉解决了问题，但是没有抓到本质。
2、为父元素添加overflow:hidden
3、为父元素添加border
4、为父元素或者子元素声明绝对定位。
5、为父元素或者子元素声明浮动
推荐前三种解决方法，因为没必要因为这个去修改元素的定位或者是浮动
原理：
一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。