关于margin上外边距合并的解决方法？

Question

写网页时总会遇到上外边距的合并，我的想法只是想让它和父元素上边留一些空白，
我一般解决的方法是给父类加一个border-top：1px solid transparernt；
不知大家一般是怎么解决的？

Answer 1

加overflow:auto或者改为padding-top这样的

Answer 2

外边距叠加：即当两个或更多垂直外边距相遇时，它们将形成一个外边距（高度为较大者）。情况有如下几种：

①两个同级上下元素 ②祖先元素与内嵌元素（没有内边距或边框隔开,就祖先元素overflow:hidden/auto/scroll可有隔开的作用，避免叠加） ③本身是空元素时,自身上下外边距也会重合（没有边框或内边距隔开） ，当然前面几种情况可以结合发生。

只有普通文档流中，块框的垂直外边距才回发生叠加。行内框、浮动框或绝对（个人认为包括绝对定位和固定定位）定位框之间的外边距不会发生叠加。

Answer 3

加一个属性，overflow设置为hidden，看看行不行。
与bfc有关。