CSS2.1的盒模型中規定的內容——Collapsing margins：
所有毗鄰的兩個或更多盒元素的margin將會合並為一個margin共享之。
毗鄰的定義為：同級或者嵌套的盒元素，並且它們之間沒有非空內容、Padding或Border分隔。
解決辦法：
給父元素加上 padding/border/overflow:hidden(IE要添加zoom:1)，
或者給父元素/子元素設置為 float/position:absolute.
(CSS2.1規定浮動元素和絕對定位元素不參與margin折疊)。