css - 相同的 css 位置在不同的浏览器中产生不同的结果

Question

当在这 3 个差异中看到时，表单中文本字段的垂直位置怎么可能有 3 px 的差异。浏览器？

我要疯了。尝试在 CSS 中修复它是不好的，因为如果我更改它，它在一个中很好，但在其他中却不行。

#pricefromR 

{width:75px;
position:relative;
right:40px;
top: 50px;
}

#pricetoR 

{width:75px;
position:relative;
right:-45px;
top: 24px;
}

所以这对应于两个 texfields，它们应该是平行的，彼此处于同一水平，但它们不在不同的浏览器中，相差 3 px 并且它与其他对相同在 LI

<li>
        <input type ="text" id = "areafromR" placeholder="area from" name = "areafrom" maxlength = "5">&nbsp;
        <input type ="text" id = "areatoR" placeholder="area to" name = "areato" maxlength = "5">
    </li>

Answer 1

所有浏览器都是不同的，它们有不同的默认值和不同的 wu=idths/heights。我所知道的最好方法是使用百分比，但这可能会变得复杂。您可以为不同的浏览器单独制作 CSS。比如……那是为了internet explorer