1. 程式人生 > >給子元素設定了margin後,父元素的跟著一起動了

給子元素設定了margin後,父元素的跟著一起動了

一般就是給父元素設定overflow: hidden;即可解決問題,之所以出現這種情況的原因是:普通文件流盒子間,只要垂直外邊距直接接觸就會發生合併,合併後外邊距視覺高度取兩個發生合併外邊距中較大者。發生這一現象的有三種情況:相鄰兄弟塊元素間、父元素及其首子元素和末子元素間(沒有內邊距或邊框把外邊距分隔開)、空塊級元素自身的合併。