Question

我在使用bootstraps pull-right类时遇到了一些麻烦。当我在.well内部有浮动元素时，井不会将浮动元素计算到其大小。所以元素（在我的例子中是<button>是在div之外的一半。

我确定有一个简单的解决办法。

代码，如果有人想知道：

<div class="well">
<h5>TEXT</h5>
<p><img src="img/src.png" class="pull-right" alt=""/>Genere illum vero diam ille sui coniungens in lucem in. Cyrenaeam plus plorantes abscederem assignato ipsum ait mea vero non ait est amet coram me testatur in!</p>
<button class="btn btn-metro pull-right">text</button>
</div>

Answer 1

我通过清除浮动来解决问题。只需将课程.clearfix添加到.well。

即可

正如亚历克西斯在评论中所说，div应该是这样的：

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

Answer 2

在Boostrap pull-right causing element overlap中描述了不使用.clearfix的方式：

<div class="text-right">
  <button class="btn btn-metro">text</button>
</div>

Bootstrap .well + .pull-right问题

2 个答案: