以下代码在IE和Chrome中以及大多数安装的FireFox中为offsetHeight产生15,但是我遇到了几种情况(到目前为止,有3台计算机),FF产生14。我卸载并重新安装了FF,但仍然得到了相同的结果。

<html>
<head>
<style type="text/css">

body {
    font-size: 12px;
}
</style>
</head>

<body>
    <span id="abc">ABC</span>

<script>
console.log(document.getElementById('abc').offsetHeight);
</script>

</body>
</html>


我已经比较了文本的实际像素高度,并且在浏览器之间也一样。如果我在文本周围加上边框,则表明Chrome浏览器在文本顶部和顶部边框之间留了3个像素(底部相同),而FF在顶部留了2个像素,在底部留了3个像素。有任何想法吗?

最佳答案

使用严格的doctype,然后进行CSS重置:

* {
    margin: 0;
    padding: 0;
}

10-05 22:40