相关疑难解决方法(0)

当我在盒子上使用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

如果你看一下Chrome中这个小提琴:http://jsfiddle.net/up4Fa/

你会看到一个溢出的元素,里面有20px的填充!一切正常,按预期工作.

但是,如果您在IE9或Firefox中运行相同的测试,则底部的文本会触及容器的边缘,而底部的填充将被忽略...

如果我在内部div上执行填充就会出现问题,但是我宁愿用一个div来修复它并且无法理解为什么火狐和IE有问题而不是Chrome？

编辑:文本不是任何人想知道的原因!如果删除文本,它将对红色框执行相同操作.

谢谢