padding-bottom 不适用于 Firefox 中的固定定位 div [重复]

Question

这是重现的简单代码：

#container {
  border: 5px dashed green;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 3em;
  overflow-y: scroll;
}

#child {
  height: 1000px;
  border: 3px dashed red;
}

<div id="container">
  <div id="child"></div>
</div>

预期行为

Chrome 就是这样工作的。

Firefox 中的实际行为

我是否遗漏了一些关于 CSS 的内容或者这是 Firefox 中的错误？

Answer 1

试试这个

#container {
  border: 5px dashed green;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
}

#child {
  height: 1000px;
  margin: 3em;
  border: 3px dashed red;
}

<div id="container">
  <div id="child"></div>
</div>