Question

Firefox忽略了我的margin-bottom css属性。适用于Chrome。

我的代码很简单：

 <input type="button" value="Continue Shopping" onClick="history.back(-1);" class="btn btn-orange pull-right mr10" style="margin-bottom:10px;">

正在发生的事情是“继续购物”按钮正在裁剪产品表。 http://rsatestamls.kaliocommerce.com/cart.aspx

Answer 1

如上所述，您在pull-right上指定了button，它将元素向右浮动并将其从DOM中分离出来。您可以指定所提到的内联样式clear:both;，也可以指定其他路径。

由于您已经在使用Bootstrap，因此您可以使用.btn元素包含div.row元素，该元素已包含clear:both;规则。

bootstrap CSS具有以下指定：

.row:after { clear:both; }

所以，比如：

<div class="row">
     <a href="http://rsatestamls.kaliocommerce.com/checkout.aspx"><input type="submit" class="btn btn-orange pull-right" value="CheckOut"></a>
     <input type="button" style="margin-bottom:10px;" class="btn btn-orange pull-right mr10" onclick="history.back(-1);" value="Continue Shopping">
</div>

Firefox忽略了我的margin-bottom css属性。适用于Chrome

1 个答案: