为什么我在两个表格之间得到一些奇怪的空间？

Question

为什么我在两种形式之间得到一些合适的空间（查看图片）？（过去只有一种形式有两个按钮，但我不得不为不同的功能创建2。

<?php if ($product->isAvailable()): ?>
      <form action="<?php echo $href; ?>"class="f_add_cart"><div class="f_add_item"><button type="submit" name="add" class="btn btn-add btn-nocorners">adauga in cos</button></div></form>
      <?php endif; ?>
     <form method="post" action="<?php echo url_for('cart/updateCart');?>" class="f_add_cart">
      <input type="hidden" name="qty" value="1" maxlength="3" />
      <input type="hidden" name="id" value="<?php echo $product->getId(); ?>" />
      <input type="hidden" name="referrer" value="<?php echo $sf_request->getUri(); ?>" />
      <div class="f_add_item"><button type="submit" class="btn btn-link btn-wishlist" name="add_wishlist">adauga in wishlist</button></div>
    </form>     
  </div>
</div>

CSS：

.product-over .product_price .regular_price sup{font-size:12px;} 
.product-over .product_price span.currency{display:none;} 
.product-over .product_price .old_price {color:white!important;} 
.product-over h3 {margin:0; padding:10px;height:auto!important;;text-align:center;} 
.product-over .f_add_cart{padding:10px;text-align:center} 
.product-over .f_add_item {padding:5px 0;border-top:1px solid #eaeaea;} 
.product-over button {font-size:11px; margin:5px 0;} 
.product-over .btn-wishlist {margin:0; padding:0;}

Answer 1

修改.product-over .f_add_cart{text-align:center}

.product-over .product_price .regular_price sup{font-size:12px;}
.product-over .product_price span.currency{display:none;}
.product-over .product_price .old_price {color:white!important;}
.product-over h3 {margin:0; padding:10px;height:auto!important;;text-align:center;}
.product-over .f_add_cart{padding:10px;text-align:center}
.product-over .f_add_item {padding:5px 0;border-top:1px solid #eaeaea;}
.product-over button {font-size:11px; margin:5px 0;}
.product-over .btn-wishlist {margin:0; padding:0;}