0

クロムが 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 をコードに自動的に挿入しているようです。誰かがこの動作を説明できれば、それは素晴らしいことです!

4

1 に答える 1

0

「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>
于 2013-05-05T08:33:09.023 に答える