带有填充和溢出的 div 上 Firefox 中 scrollHeight 的奇怪行为：自动

Question

在这里，http://jsfiddle.net/YNKws/

<div id="div1" style="padding: 2px; overflow: auto;">
  <div style="height:30px;">lalala</div>
  <div style="height:30px;">lalala</div>
</div>

var d = $("#div1");
for (var i = 0; i < 5; i++) {
  console.log(d.height(),d[0].scrollHeight);
  d.height(d.height() - 1);
}

有带有填充和溢出的 div:auto。在 Firefox 中，div 的 scrollHeight 值有奇怪的行为。当我们将 div 的高度设置为小于它的原始高度时，很自然地期望滚动条立即出现并且 scrollHeight 值保持不变。 Chrome适合这些期望但不适合firefox，最后一个不绘制滚动条，当原始高度的偏差小于div的padding时减小底部填充和scrollHeight。

这是一个错误吗？是否有修复这个“错误”的方法？

Answer 1

Firefox 的行为是 CSS 规范所要求的：用溢出填充事物本身不会导致溢出。