marginoverlap及解决方案BFC

marginoverlap的统一解决方案；设置padding或border或触发BFCmarginoverlap有3种情况：首先清除所有margin格式1.块级父元素和父子元素之间的第一个或最后一个子元素（父元素没有topborder，toppadding，inlineelement，clearfloat）。即父元素显示的外边距将直接成为父元素及其第一个子元素中较大的margin-top。父元素的高度：100或110是正确的。没有overflow:hidden时，parentmargin和childmargin重叠，parent的高度只有100。有了overflow:hidden，父元素变成了一个新的bfc，解决了边margin-top不塌陷进入距离重叠现象，所以parent的高度为110px;