gpt4 book ai didi

css - 跨度重叠 div 内的 Bootstrap 链接

转载 作者:行者123 更新时间:2023-11-28 05:57:13 25 4
gpt4 key购买 nike

我有这个简单的用户配置文件 - https://jsfiddle.net/mt15199/fgogetrh/我想把信封图标拉到左边,所以我把它放在 span 元素上并添加了一个类 pull-left 但图标掉落并覆盖了容器。如果没有这个带有 pull left class 的 span 元素,信封图标和其他位于 div 内部的图标。

我该如何解决这个问题?

                    <span class="pull-left"> 
<a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a>
</span>

最佳答案

无论何时使用float,都不要忘记使用clear,否则元素会重叠。

参见 demo

在 float 元素之后使用clearfix类或clear:both;

使用

<div class="clearfix"></div>

<div style="clear:both;"></div>

第一个示例来自 bootstrap,其样式与第二个示例相同。

关于css - 跨度重叠 div 内的 Bootstrap 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37005963/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com