当给子元素设置 float 属性时,会出现子元素高度无法撑开父元素高度的问题,如下图所示:
解决办法有两种:
.clearfix:before,
.clearfix:after {
content: ' ';
display: table;
clear: both;
}
2.创建 BFC
.main {
width: 1200px;
padding: 20px;
margin: 100px auto;
overflow: auto; /* 创建 BFC */
}
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。