給子元素設置了margin後，父元素的跟着一起動了

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