当元素之间出现了高度塌陷和内边距重叠问题时,可以使用 .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>
网友评论