css - Firefox 在溢出滚动时使空 div 具有高度

Question

以下是 chrome 和 safari 中的空 div:

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

但是在 firefox 中会导致一个 15px 高的 div。如果我删除溢出，它会回到 0(就像在 chrome/safari 中一样)。我错过了什么吗？有没有办法在不删除 overflow 属性的情况下使其在 firefox 中为 0 高度？

Answer 1

也许这可以解决您的问题:

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

CSS

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