Firefox使溢出滚动时空的div具有高度

Question

以下是Chrome和Safari中的空div：

<div style="overflow: scroll; position: relative;"></div>

但在Firefox中导致一个高度为15像素的div。如果我去掉overflow属性，它会回到0（就像在Chrome / Safari中一样）。我错过了什么吗？有没有办法使它在Firefox中的高度为0，而不必删除overflow属性？

- Francisco Ryan Tolmasky I

---

你正在动态改变高度吗？你可以设置 height:0px。虽然我不知道 Firefox 为什么会这样做的技术原因，但它就像是 Firefox 只是显示了一些默认的滚动条。 - Eric Martinez

是的，不幸的是，上下文是动态的。 - Francisco Ryan Tolmasky I

那应该不是问题，我想。如果你最初将“height”设置为“0”，你可以随后动态地更改它。这是你要寻找的方法吗？ - Eric Martinez

Answer 1

也许这个方法可以解决你的问题：

<div class="scrollable"></div>

CSS

.scrollable{
    overflow:scroll;
    position:relative;
}
.scrollable:empty{
    height:0;
}

- Okku

---

非常有趣的解决方案。我之前不知道那个选择器。 - Eric Martinez

同意，我从未听说过它，但它有良好的浏览器支持。 - misterManSam