Question

我遇到一个错误，其中chrome会在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似乎是在我没有告诉它的情况下自动将溢出-y：auto插入到我的代码中。如果有人能够解释这种行为，那就太棒了！

Answer 1

您的“blog”元素上有一个属性“line-height：0px”。删除它以修复额外的空间

或者您可以将子窗口类的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>

铬在div下创造额外的空间

1 个答案: