清除浮动

通过添加clearfix实用工具,快速且容易地清除容器内的浮动内容。

更新于: 2023-04-30 14:28:21 查看: 508

发布于: 2021-9-10 18:03 发布者: 大米

通过在父元素中添加 .clearfix ,可以轻松清除 float。也可以用作混入。
在HTML中使用:
<div class="clearfix">...</div>
下面的例子展示了如何使用clearfix。如果没有clearfix,换行的div将不能在按钮周围展开,这会导致布局中断。
<div class="bg-info clearfix">
<button type="button" class="btn btn-secondary float-start">Example Button floated left</button>
<button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>

扫描二维码,手机查看
声明:部分数据/图片来源互联网,不代表Hluse Doc.,真实性请妥善甄别。