次のiframeコードを含むWebページがあります。
<div style="height: 300px;">
<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html"
style="width: 300px;height: 300px;text-align:center;"></iframe>
</div>
問題は、ページが読み込まれると、iframeサイズが304x154に変換されるのに、なぜそれが発生するのかわからないことです。境界線のために4pxが追加されていることは理解していますが、高さが150pxに変更されている理由はわかりません。スタイルで指定する高さにしたいと思います。
マイページのURL： http: //www.journaldev.com/1028/jquery-add-selector-add-element-and-add-html-example
<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html" <br />
style="width: 300px;height: 300px;text-align:center;"></iframe>
u iframeの途中でBRタグを閉じずに使用します！
に変更します
<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html"
style="width: 300px;height: 300px;text-align:center;"></iframe>
注として：
HTMLソースファイルでbrタグを使用する必要はありません。これは、Webページの解析後に影響します。
アウター<div>が必要かどうかわからない。
<div style="height: 300px;">
<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html" width="300" height="300" frameborder="0"></iframe>
</div>