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>