狀況一：
在父元素div裡面的第一個子元素，如果有margin-top的時候，margin-top會被父元素的div搶走。最後一個子元素的margin-bottom也會被父元素的div搶走。

解法：有兩種，我是用把父元素的overflow設定成hidden的方式。另外看到有人說把子元素設定成inline-block也可以。可參考這篇。實作上，父元素如果設定float，也會避免掉這個問題。

狀況二：
兩個層級相同的子元素，上面的有margin-bottom，下面的有margin-top時。會有塌陷的問題，於是他們之間的間距不會是bottom+top，而是看誰大就用誰。

解法：這其實沒什麼特別解法，反正就是只用一邊的margin就好，比較單純。