css - 边距设置为 0px 时怎么会有边距

Question

请看下面的代码：

HTML

<input class="input-form" type="text">
<input class="input-form" type="password">
       ​

CSS

.input-form{
    width:250px;
    height:30px;
    border: 2px solid red;
    margin:0px;
}

JSFIddle -> http://jsfiddle.net/TypYn/

我的问题：我不明白为什么两个输入之间有一个边距，尽管我确实将边距设置为 0px。预先感谢您的回复。干杯。马克

Answer 1

问题是，HTML 将换行符解释为空格。只需将您的 HTML 更改为：

<input class="input-form" type="text"><input class="input-form" type="password">