当溢出滚动时，Firefox制作空div有高度

Question

以下是chrome和safari中的空div：

.navigation_area {
  background-color: rgba(159, 0, 0, 0.7);
  transition: background 0.12s linear 0s;
}

  .navigation_area:hover {
    background-color: rgba(159, 0, 0, 0.7);
  }

  .navigation_toggler_desktop {
    position: absolute;
    background-color: inherit;
  }

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

Answer 1

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

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

CSS

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