在两个盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下:
1、外部盒子设置一个边框 border
2、外部盒子设置 overflow:hidden
3、使用伪元素类:
.clearfix:before{
content: '';
display:table;}
margin-top 塌陷 的解决方案
最新推荐文章于 2024-11-15 16:31:12 发布
本文介绍了当内部盒子的margin-top属性应用到外部盒子时导致的样式问题,并提供了三种解决方案:为外部盒子添加边框、设置overflow:hidden以及利用clearfix伪元素。
438

被折叠的 条评论
为什么被折叠?



