清除浮动
通过添加clearfix实用工具,快速且容易地清除容器内的浮动内容。更新于: 2023-04-30 14:28:21 查看: 466
发布于: 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.,真实性请妥善甄别。