子元素margin影响父元素的问题

CSS2.1的盒模型中规定的内容——Collapsing margins：

所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。

毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。

 

解决办法：

给父元素加上 padding/border/overflow:hidden(IE要添加zoom:1)，

或者给父元素/子元素设置为 float/position:absolute.

(CSS2.1规定浮动元素和绝对定位元素不参与margin折叠)。