html - 位置 :absolute incompatibility in Chrome and Firefox

Question

我的问题是: 我有一个表格，我输入了这个，当然是 <input> . 但在所有输入中，Chrome 和 Firefox 之间存在一些兼容性问题。我相信与 Firefox 相比，Chrome 在顶部增加了 2px。 我要传递代码。我应该怎么办？ webkit和moz在CSS中使用不同的值？ 这是我的 HTML:

<div id='FirstName_container'>
   <input type='text' name='FirstName' id='FirstName' value='' size='20' class='name1' placeholder="First name"/>
</div>

这是 CSS:

#contact_form1 #FirstName_container {
    position:absolute;
    left:152px;
    top:12px;
    z-index:5;
}

我能做什么？提前致谢!

Answer 1

将其放在 CSS 的顶部。

*
{
    margin:0;
    padding:0;
}

这将使所有边距和填充默认为零。我将其添加到每个元素的开头，然后在需要时更改个别边距或填充。