我在 Chrome（但不是 Firefox）中看到一个带有即时消息样式视图的 Web 应用程序的奇怪错误。输入框绝对位于页面底部并具有高度X，而消息的滚动窗格绝对定位为bottom: X使得窗格底部与输入框对齐。
消息窗格内有许多消息。这些中的每一个都有一个绝对定位的孩子。当这些内部子项之一的内容发生更改时（例如，使用 jQuery's .html()），底部消息的底部边距将被忽略。
这是一个最小的 jsfiddle 示例。它会为您将消息窗格滚动到底部。#a单击该按钮，您将看到在确定如何调整消息窗格 ( )的大小时不再考虑底部消息框的边距。
我的解决方法是删除绝对定位的孩子。在 jsfiddle 中，您可以将 更改position: absolute为float: lefton#inner并查看该错误不再出现。不过，我很好奇为什么会出现这个问题。