html - Firefox 忽略了我的 margin-bottom css 属性。在 Chrome 中运行良好

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.rowclear:both;

引导 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>