解决子元素设置margin-top，效果到父元素上的问题

有时当我们设置子元素的margin-top，但是却发现子元素没有出现上外边距的效果，反而是父元素出现了上外边距的效果。

这种问题的解决方法如下：

1.给父元素加边框。

2.给父元素设置padding-top来代替给子元素设置margin-top。

3.内容生成(推荐)。代码如下：

element(父元素):before{

　　content:'';

　　display:table;

}

 

转载于:https://www.cnblogs.com/demonswang/p/5952598.html