我有一個html文件，把一個div元素高度設置為45px，如果把文件直接拖到浏覽器，這個div是正常的45px。但是如果是通過服務器訪問，即localhost:8080/webroot/myhtml.html這樣的形式訪問，則這個div是46px，並且只會在谷歌出現這個問題更奇葩的是，只有最後一個數字是5的時候才出現問題，例如我設置為44px，53px是正常的，但是如果設置為45px，55px，65px就出問題了，下面是我的完整代碼
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<body>
<div class="top" style="background-color: pink;width: 1000px;height: 45px;"></div>
<script type="text/javascript" src="./js/jquery-2.1.1.js"></script>
<script type="text/javascript">
alert("高度："+($(".top").css("height")));
</script>
</body>
</html>
問題已經解決，其實是line-height的問題。不同浏覽器，有些屬性是不一樣的，這也是reset.css存在的必要，而這裡的問題就是跟line-height有關。通過設置line-height即可解決問題
