css - 应用填充到带滚动框，底部填充不工作 [英] css - applying padding to box with scroll, bottom-padding doesn't work

问题描述

当我在框中使用overflow-y：auto时，我无法获得底部填充。

I can't get bottom-padding to work when I use overflow-y: auto on a box.

HTML：

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

CSS：

#container {
    padding: 3em;
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    height: 300px;
    background: red;
}

#some_info {
    height: 900px;
    background: #000;
}

小提琴：http://jsfiddle.net/rwgZu/

编辑：我使用Firefox

I use Firefox

推荐答案

这是一个可能的方法，它完美地工作：

Here is a possible approach that is working perfectly :

#container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    height: 300px;
}

#some_info {
    height: 900px;
    background: #000;
    border: 3em solid red;
}

这篇关于css - 应用填充到带滚动框，底部填充不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！