0

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

4

1 に答える 1

0

前の回答で述べたように、要素を右にフロートさせて DOM から分割するものを指定pull-rightしています。button言及されたインライン スタイル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>
于 2013-09-06T18:08:49.803 に答える