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; 当我在框上使用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;}

总结

以上是内存溢出为你收集整理的html – css – 将填充应用到带滚动的框中,底部填充不起作用全部内容，希望文章能够帮你解决html – css – 将填充应用到带滚动的框中,底部填充不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。