父元素外边距塌陷

css属性overflow:hidden解决外边距塌陷：
问题：
父级元素内部有子元素，如果给子元素添加margin-top样式，那么父级元素也会跟着下来，造成外边距塌陷。如图：
解决方法：
父元素css中添加属性overflow:hidden。（一定注意是父元素）

overflow拓展：
CSS中overflow:hidden的作用是当元素内的内容溢出的时候使它隐藏溢出的部分，即超出部分隐藏。具体应用如下:

1、隐藏溢出的部分。

父级元素不设置高度时，高度由随内容增加自适应高度。当子块级元素的高度超过父块级元素的高时，超部分就会隐藏。

2、清除浮动。

它的功能和clear:both是一个作用，父元素中加了overflow: hidden，子元素的浮动效果就会被清除。

3、.overflow:hidden解决外边距塌陷。

父级元素内部有子元素，如果给子元素添加margin-top样式，那么父级元素也会跟着下来，造成外边距塌陷。

引用资源来自：http://baijiahao.baidu.com/s?id=1715742319651055508