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>

iframe风格高度问题

2 个答案: