Webkit滚动容器在内容更改时不再考虑下边距

Question

我在Chrome (但不是Firefox)中发现了一个奇怪的bug，它有一个带有即时消息样式视图的web应用程序。输入框绝对位于页面底部，高度为X，而消息滚动窗格绝对位于bottom: X，使窗格底部与输入框对齐。

在消息窗格中有许多消息。其中每一个都有一个绝对定位的子级。当其中一个内层子代的内容发生变化时(例如，使用jQuery的.html())，底部消息的下边距将被忽略。

Here's a minimal jsfiddle example。它会为您将消息窗格滚动到底部。单击该按钮，您将看到在确定如何调整消息窗格(#a)的大小时，不再考虑底部消息框上的边距。

我的解决方法是删除绝对定位的子对象。在jsfiddle中，您可以在#inner上将position: absolute更改为float: left，然后可以看到错误不再出现。然而，我很好奇为什么会发生这个问题。

Answer 1

该问题已在最新版本中修复，请使用。