子级的div marginTop影响父级的margin

子级.title的marginTop影响了父级.contain，效果图如下：


image.png

造成的原因：父级和自己之间没有其他元素间隔，所以他们之间的margin就会共用。
其他元素指的是：非空元素、padding、border等
解决方法：
1.给父级元素设定：overflow:hidden;
2.给父级添加padding或者border
3.父级使用float或者position:absolute
采用了1的处理方式，结果如下：


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容