IE FF Chrome 中的高度不同

Question

美好的一天，在我之前的帖子中遇到了一个问题后，我进入了另一个由 web 交叉高度不同引起的问题。

示例：http://www.sushitaksteeg.nl/secret/template.html

下载：http://www.sushitaksteeg.nl/secret/Port.rar

如果你按下滚动页面按钮，页面在 FF 中可以完美滚动，但在 Chrome 和 IE 中则不行。

我通过在 styles.css 中设置下一个属性来做到这一点：

我再次搜索了 google 和 stackoverflow，并尝试了 CSS 重置，但没有奏效..

有人有什么想法吗？

编辑

Mike 帮我解决了 parent.scroll()，现在好多了，但我仍然可以在 FF 和 Chrome 中看到页眉和页脚之间有一条白线，IE 现在显示它很好。

感谢您提供更多帮助。

Answer 1

我看到您的 JavaScript 正在使用 window.scrollBy()。在 Chrome/IE 中，滚动可以通过 parent.scroll() 来完成。

Answer 2

解决你的第二个问题（用白线）：

删除<div id="content"></div> 中的<br> 标记，并在内容div 中添加38px 的高度，因此在您的css 文件中您会得到：

#content {
  height: 38px;
}

这就是你想要的吗？问题是 content-div 会随着其中的数据进行缩放。您尝试使用 br-tags 获得正确的高度，但这些没有标准高度，并且取决于您使用的浏览器。在 css 中指定高度将使其在所有浏览器中的高度相同（只要内容适合它，否则它将缩放（除非您还为 content-div 指定 css 属性overflow: hidden;）。