Css Div在高度上有另一个像素，这是没有原因的

我想不出chrome浏览器中1px的高度差和firefox和ie9浏览器中2px的高度差是从哪里来的？好像是从div.entry来的，但我没法修复它

---

可能是每个浏览器中的默认选项都有细微差别

我从来没有做过没有样式表的网站

---

它正是这样做的，将所有默认值重置为一个新的公共基础，这样以后应用的所有内容在每个浏览器中都应该表现相同。

似乎是站点上img标记末尾的一个空格。

我用这种方法修复了问题：

<div class="homepage" style="line-height:0">
  <img title="Homepage" alt="Homepage" src="/wp-content/uploads/Homepage.jpg">
</div>

问题是图像下方有一行，可能是文档源上的

\n

或

空白处

要解决此类问题，可以将
行高度设置为
0
更改

#middle div.homepage img{width:900px；}

到

#middle div.homepage img{display:block；width:900px；}
有时像这样的问题与边框有关。IE、Firefox和Chrome与默认边框有一些细微的区别，因此您必须建立一个默认边框。
在本例中，css reset.css设置了一些您似乎不想要的内容

更改：

line-height: 1;

致：

图片下方多余的白线将不再存在，但我不知道这是否会对您的页面造成其他一些不必要的问题。
我到底在哪里寻找这种差异？您是否尝试在代码中删除图像后的空格<代码>
我检查了编码或内容中是否有空格，但没有找到。没有解决问题，但谢谢！添加display:block解决了问题（@rob）。因此,；我现在在reset.css中添加了img{display:block；}。无论如何，每个图像都应该显示为块元素。
line-height: 1;

line-height: 0;