表格中框之间的原因不明

Question

我在http://jsfiddle.net/np8ty/有一个简单的表格，看不出任何分隔红色和米色方框间隙的原因。

<form action="" method="POST" id="checkout_form">
     <input type="text" size="20"   class="cc-number"  placeholder="Card number"/>
     <input type="text" class="cc-exp"  placeholder="MM/YY"  /> 
     <input type="text" class="cc-cvc"  placeholder="CVC"  />           
     <button type="submit" class="submit">Submit</button>
</form> 

Answer 1

尝试像这样在你的CSS中添加margin-left：

#checkout_form input.cc-cvc{
    width: 109px;
    background-color: beige;
    margin-left: -4px;
}

Answer 2

是删除空间将完成工作。您也可以使用向左浮动两个输入。