css - 应用填充到带滚动框,底部填充不工作 [英] css - applying padding to box with scroll, bottom-padding doesn't work
本文介绍了css - 应用填充到带滚动框,底部填充不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我在框中使用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屋!
查看全文