這個問題發(fā)生的原因是根據(jù)規(guī)范，一個盒子如果沒有上補白(padding-top)，那么這個盒子的上邊距會和其內(nèi)部文檔流中的第一個子元素的上邊距重疊。

再說了白點就是：父元素的第一個子元素的上邊距margin-top如果碰不到有效的padding.就會不斷一層一層的找自己 “領(lǐng)導(dǎo)”(父元素，祖先元素)的麻煩。只要給領(lǐng)導(dǎo)設(shè)置個有效的padding就可以有效的管制這個目無領(lǐng)導(dǎo)的margin防止它越級，假傳圣旨，把自己的margin當(dāng)領(lǐng)導(dǎo)的margin執(zhí)行。 對于垂直外邊距合并的解決方案上面已經(jīng)解釋了，為父元素例子中的middle元素增加一個padding-top或者最上方的子元素使用padding代替margin即可解決這個問題。