css - 嵌套在 pos abs parent 中的元素不尊重 parents padding bottom

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/