Хром создает дополнительное пространство под div

Question

У меня ошибка, когда хром вставляет наименьшее количество дополнительного пространства под iframe. Смотрите здесь http://jsfiddle.net/hrp27/. Весь код

<div class="subwindow" style="overflow-y: auto;">
    <div id="blog" style="line-height: 0px;">
        <div class="container-fluid main-holder">
            <iframe src="http://elju.github.io" frameborder="0">
            </iframe>
        </div>
    </div>
</div>

Эта же проблема не возникает в Firefox. Я смотрел на это некоторое время и не могу сказать, что является причиной проблемы. Я спрашиваю, потому что у меня похожая проблема на моем веб-сайте http://secure-shore-8758.herokuapp.com/. По какой-то причине Chrome, по-моему, автоматически вставляет в мой код overflow-y: auto, а я об этом не говорю. Если кто-нибудь может объяснить это поведение, это было бы здорово!

Answer 1

У вас есть свойство "line-height: 0px" в вашем элементе "blog". удалите это, чтобы исправить дополнительное пространство

Или вы можете изменить свойство overflow-y класса подокна на "none" следующим образом:

 <div class="subwindow" style="overflow-y: none;">
    <div id="blog" style="line-height: 0px;">
        <div class="container-fluid main-holder">
            <iframe src="http://elju.github.io" frameborder="0">
            </iframe>
        </div>
    </div>
</div>