子级.title的marginTop影响了父级.contain，效果图如下：
image.png
造成的原因：父级和自己之间没有其他元素间隔，所以他们之间的margin就会共用。
其他元素指的是：非空元素、padding、border等
解决方法：
1.给父级元素设定：overflow:hidden;
2.给父级添加padding或者border
3.父级使用float或者position:absolute
采用了1的处理方式，结果如下：
image.png
子级.title的marginTop影响了父级.contain，效果图如下：
image.png
造成的原因：父级和自己之间没有其他元素间隔，所以他们之间的margin就会共用。
其他元素指的是：非空元素、padding、border等
解决方法：
1.给父级元素设定：overflow:hidden;
2.给父级添加padding或者border
3.父级使用float或者position:absolute
采用了1的处理方式，结果如下：
image.png
本文标题：子级的div marginTop影响父级的margin
本文链接：https://www.haomeiwen.com/subject/egygnxtx.html
网友评论