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

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

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