html - 表格中各框之间的原因不明

This question already has answers here:

Why is there an unexplainable gap between these inline-block div elements?
                                
                                    （6个答案）
                                
                        
                                5年前关闭。
            
                    
我在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>

最佳答案

尝试像这样向您的CSS添加margin-left：

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