css的經典問題：父元素下的子元素越界問題？

CSS的經典問題一：父元素下第一個子元素的margin-top越界問題以及末個子元素margin-bottom的越界問題？

1. 為父元素加邊框，防止子元素延伸。副作用是邊框；
2. 將margin換做padding；副作用是padding-top的值要加padding；
3. 父元素overflow，副作用是將溢出部分隱藏掉可能不滿足需求；
4. 將父元素的第一個元素之前加一個無高度的table元素，無副作用！！！
　　.parent:before{
　　　　content:' ';
　　　　display:table;
　　}