Html MS Edge+；位置：粘滞带/文本区域错误？

如果内容区域具有

最大高度

和

溢出：自动

，并且页脚为

位置：粘性

，因此它将始终显示在页面上，则Edge似乎表现不正常。这在其他浏览器（最新的IE、Chrome、FF）中运行良好。具体地说，如果在content

div

中有一个

textarea

，则在将文本输入

textarea

之前，页脚的位置不正确

使用MS Edge和sticky Div是否有特定于浏览器的方法，或者这只是一个浏览器错误？如果是后者，对解决方法有何想法

边缘版本的更新： Microsoft Edge 44.17763.771.0 Microsoft EdgeHTML 18.17763

HTML:

---

这是一个小提琴

它在我所有的浏览器中都能正常工作：（Chrome、Firefox、Edge和Opera）我已经用受影响的Edge版本更新了这篇文章。很可能您有不同的版本。我在Microsoft Edge 42.17134.1.0-Microsoft EdgeHTML 17.17134上测试了它。在Microsoft Edge 44.17763.771.0 Microsoft EdgeHTML 18.17763

@thatisis和@Mr Lister

，我想我已经重现了问题，结果如何，对吗？但是如果contentdiv包含足够的内容，在滚动出现之后，这个问题就会消失（就像我的一样）。可能是Microsoft Edge浏览器的错误。我将尝试提交有关此问题的反馈。作为一个临时解决办法，我建议您可以在内容部分添加更多内容。如果我得到任何反馈或解决方案，我将在将来尝试提供给您。感谢您的理解。它在我所有的浏览器中都正常工作：（Chrome、Firefox、Edge和Opera）我已经用受影响的Edge版本更新了这篇文章。很可能您有不同的版本。我在Microsoft Edge 42.17134.1.0-Microsoft EdgeHTML 17.17134上测试了它。在Microsoft Edge 44.17763.771.0 Microsoft EdgeHTML 18.17763

@thatisis和@Mr Lister

，我想我已经重现了问题，结果如何，对吗？但是如果contentdiv包含足够的内容，在滚动出现之后，这个问题就会消失（就像我的一样）。可能是Microsoft Edge浏览器的错误。我将尝试提交有关此问题的反馈。作为一个临时解决办法，我建议您可以在内容部分添加更多内容。如果我得到任何反馈或解决方案，我将在将来尝试提供给您。谢谢你的理解。

<div id="container">
  <div id="content">
    <br /><br />
    <textarea></textarea>
    <p>
      Enter some text to watch this break
    </p>
  </div>
  <div id="sticky">Sticky</div>
</div>

body {
  background: black;
}
#container {
  max-height: 300px;
  background: cyan;
  overflow: auto;
}
#content {
  padding: 20px;
  overflow-y: auto;
  background: white;
}
#sticky {
  padding: 15px;
  background: grey;
  position: sticky;
  bottom: 0;
}