html – css – 将填充应用到带滚动的框中,底部填充不起作用

前端之家收集整理的这篇文章主要介绍了html – css – 将填充应用到带滚动的框中,底部填充不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在框上使用overflow-y:auto时,我无法获得底部填充.

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

解决方法

这是一种可行的方法
#container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    height: 300px;
}

#some_info {
    height: 900px;
    background: #000;
    border: 3em solid red;
}
原文链接:https://www.f2er.com/html/230503.html

猜你在找的HTML相关文章