margin-top塌陷问题
margin-top塌陷
问题描述:当两个盒子嵌套的时候,内部的盒子设置的margin-top会加到外部盒子上,导致内部盒子的margin-top设置失败
解决办法:1.外部盒子设置一个边框
2. 外部盒子设置 overflow: hidden
3. 使用伪元素类(类似于加边框)
.clearfix:before{ content:''; display:table }
作者:David-lcw
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。