css clearfix
2021-12-02 本文已影响0人
ioser_sk
当元素之间出现了高度塌陷和内边距重叠问题时，可以使用 .clearfix 类来解决
css：
.clearfix::before {// 解决内边距重叠
content: ‘’;//隔离元素，空表示内容是空的
display: table;//table本身不占位置，不会造成上面或下面元素的益处
}
.clear::after {//解决高度塌陷
content: ‘’;//隔离元素，空表示内容是空的
display: table;//table本身不占位置，不会造成上面或下面元素的益处
clear: both;
}
html：
<div class="box1 clearfix">
<div class="box2"></div>
</div>
