嵌套在pos abs父级中的元素不尊重父级填充底部

Question

所以，我的绝对定位父母的内容有问题。 由于某种原因，填充仅适用于顶部，左侧和右侧。底部值没有任何影响。

这是一个演示：
http://jsbin.com/aWUQIgIw/1

fieldset .inner-fieldset {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow-y: scroll;
    padding: 2rem;
}

Answer 1

父根容器与overflow-y: scroll绝对定位于正文。 DIV中的填充是，但内容溢出底部。溢出内容显示在填充后面，因为它在父元素的“内部”。

最简单的解决方法是将填充转换为容器的边距，这将正确隐藏内容。

编辑：您提到目标是在滚动后在实际文本内容和窗口底部之间留有间距：

你不能有一个绝对定位的div，溢出内容应用填充到溢出内容的底部......所以没有别的办法。如果它是您所追求的间距，则定位div内的某些内容需要边距/填充底部

http://jsbin.com/aWUQIgIw/6/