css的经典问题：父元素下的子元素越界问题？

CSS的经典问题一：父元素下第一个子元素的margin-top越界问题以及末个子元素margin-bottom的越界问题？

1. 为父元素加边框，防止子元素延伸。副作用是边框；
2. 将margin换做padding；副作用是padding-top的值要加padding；
3. 父元素overflow，副作用是将溢出部分隐藏掉可能不满足需求；
4. 将父元素的第一个元素之前加一个无高度的table元素，无副作用！！！
　　.parent:before{
　　　　content:' ';
　　　　display:table;
　　}