子元素margin-top使得父元素下移

這是個值得紀念的問題啊，第一次遇到是在學校技術部裏，當時還把這個問題分享給了其他部員，後來前端寫的少了，2年後實習在微信小程序裏第二次遇到這個問題。   這裏直接採用別人博客中通俗易懂的解釋： 當一個元素包含在另一個元素中時，假設沒有內邊距padding或邊框border把外邊距分隔開，它們的上和/或下外邊距也會發生合併。請看下圖 再說了白點就是：父元素的第一個子元素的上邊距margin-top如

>>阅读原文<<