margin中的bug解决方法

 margin bug问题 ：

　　当做子元素中使用margin-top: 50px;父子元素都会跑出50px，

 解决方法：
　　在父元素中使用下面三种任意一种都可以。

　　方法一：给父元素加边框

　　border: 1px solid #0086b3

　　方法二：溢出隐藏

　　overflow: hidden;

　　方法三：加一个 设置font-size

　　font-size: 0;

　　结合 使用,因为产生的间距是没有文字的，用空格代替文字，则大小为就可以消除。

转载于:https://www.cnblogs.com/hlrblog/p/7868254.html