Html 屏幕上最底部的元素和向下滚动位置：ff vs chrome

我有一个相当高的潜水艇。高度高于窗口的高度，因此屏幕右侧显示向下滚动：

div的下边框与显示区域的底部完全匹配：

我需要显示更多的内容，因为我允许用户调整这个div的大小，并且他们需要一些空间来悬停底部边框

我要做的是添加一个5px的底边距，它在Chrome中工作：

但Firefox或IE11对此根本没有反应

我能做什么

随机代码来说明：

底部没有空间：

<div style="position: absolute; border: 1px dotted silver; width: 20px; height: 2000px; margin-bottom: 0px"><div>

底部空间仅用于镀铬：

<div style="position: absolute; border: 1px dotted silver; width: 20px; height: 2000px; margin-bottom: 5px"><div>

---

fiddle:

您可以添加一个相同高度的伪元素，但有点下移：

div:after{
内容：“”；/*启用伪元素*/
位置：绝对；/*绝对位置（相对于目标）*/
高度：100%；/*与目标一样高*/
宽度：1px；/*部分宽度*/
顶部边距：5px；/*这将在底部产生一些空间*/
z索引：-1；/*将其隐藏在背景后面*/
}

div{
位置：绝对位置；
边框：1件银点；
宽度：20px；
高度：2000px；
}
部门：之后{
内容：''；
位置：绝对位置；
身高：100%；
宽度：1px；
边缘顶部：5px；
z指数：-1；
}

---

一般来说，当您绝对定位一个元素时，它将从DOM的结构中取出。这意味着其他需要“空间”的元素本身不会意识到它的存在

尽管如此，我还是找不到任何解释来解释chrome究竟是如何/为什么渲染边距的

在任何情况下，都可以使用

：after

伪类在末尾添加边距

.myDiv:after {
    position: absolute;
    content: '';
    bottom: -5px;
    height: 100%;
    width: 1px;
}

---

您还需要从实际div中删除

页边距底部

，因为它会在chrome中添加双页边距。

宽度：1px来呈现
：在
元素之后。
您可以做的是显示一些实际的代码。这是一个行为问题。我没有代码要显示，因为它是一个复杂的90k代码行应用程序。只需画一个高度为2000px的
，并在底部添加一个边距。我必须同意@Nit。我已经尝试添加了一个大的
div
（如您所建议的），并在IE11、chrome和firefox中看到了正确的结果。元素可能浮动吗？好的，那就看小提琴吧。在firefox中，如果你在最底部滚动，就没有5px的空间。这就是我所怀疑的。
位置：绝对
是罪魁祸首。现在，根据基本的赛后计时比较，我接受你的答案，而不是贝内特的答案。非常感谢你的帮助，它工作得很好。