Firefox делает пустой DIV имеет высоту при переполнении прокрутки

Question

Ниже пустой DIV в хроме и сафари:

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

Но в светлячок приводит к DIV, который 15px высоко. Если я удаляю переполнение, он возвращается к 0 (как в хром/сафари). Я что-то упускаю? Есть ли способ сделать это высотой 0 в firefox без удаления свойства переполнения?

Answer 1

Может быть, это будет решить вашу проблему:

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

CSS

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