css - iframe 样式高度问题

Question

我有一个带有以下 iframe 代码的网页。

<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。我希望它是我在样式中指定的高度。

我的页面网址：http ://www.journaldev.com/1028/jquery-add-selector-add-element-and-add-html-example

Answer 1

<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html" <br />
style="width: 300px;height: 300px;text-align:center;"></iframe>

你在 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标签，它会在解析网页后影响

Answer 2

不确定是否<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>