关于margin,整理若干知识点如下:
一:父子关系的DIV标签以及未加margin时的样式
然后我们给父级和子集都加上margin如下:
实际效果如下:
我们会发现,蓝色的div的marginTop并没有起作用,这个就是所谓的marginCollapse(边界重叠),只计算二者最大的margin值进行显示,之前写Css的时候也常遇见,却不知道还有这么高大上的名字。。惭愧。
整理解决方案如下:
1.父div加一个border;
2.父div加一个overflow:hidden;
3.父div加padding;
4.父或子div加float;
5.父且子div加display:inline-block;
6.子div加display:inline-block;
如有遗漏,欢迎补充。
Copyright © 2019- igbc.cn 版权所有 湘ICP备2023023988号-5
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务