Html 在firefox中，滚动固定高度div的底部填充被忽略

我有一个具有固定高度和填充属性的div。我将

overflow

设置为

auto

，让浏览器添加滚动条。我希望能够向下滚动，直到整个底部填充可见，但它会被完全截断

CSS:

HTML:

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

---

编辑：我发现它只会在Firefox（我是29.0.1）上出现错误。

您可以使用边距而不是填充，将文本包装在段落标记中，并更改宽度以适应差异

看见

#content {
    padding: 40px;
    width: 250px;
    background-color: #ccc;
    overflow: auto;
}

<div id="content">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>

#content, #content2 {
   width: 330px;
   background-color: #ccc;
   overflow: auto;
}

#content {
   height: 200px;
   float:left;
}
p {
   margin: 40px;
}