html - 当内容更改时，Webkit 滚动容器不再考虑底部边距

Question

我在 Chrome(但不是 Firefox)中看到一个带有即时消息样式 View 的 Web 应用程序的奇怪错误。输入框绝对定位在页面底部，高度为 X 而消息的滚动 Pane 绝对定位为 bottom: X 这样 Pane 的底部与输入框对齐。

消息面板内有很多消息。其中每一个都有一个绝对定位的 child 。当这些内部子项之一的内容发生变化时(例如，使用 jQuery 的 .html())，底部消息的底部边距将被忽略。

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

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

Answer 1

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