脚本在div tabbertab中没有正确显示

Question

我在div tabbertab中添加了一个Instagram Widget。小部件没有正确显示，就像在中间切割。如果我将小部件代码放在div选项卡之外，它可以正常工作，但我需要它。

以下是我的网页代码的链接： http://thebestwineriesoftheworld.com/chateausmithhautlafitte/chateausmithhautlafitte.htm

请让我知道我该怎么办。您可以在＆＃34;社交网络＆＃34;中看到小部件。标签的标题。

Answer 1

我不知道你是如何包含这个小部件的，但如果可以的话，你应该将ifream的高度增加到height: 435px; ......

如果您无法访问ifream代码，则只需使用js即可：）

Answer 2

如上所述，保存Instagram小部件的iframe的高度设置为435px;相对于父容器将高度设置为100％将是预期的

实施例

<iframe id="79e8ff18932e6ecaa0a98250d72af257fd095aacd53bb71d709c79dfee180135" style="border: 0px none; width: 450px; margin: 0px; padding: 0px; height: 100%;" scrolling="no" src="https://instawidget.net/embed?u=79e8ff18932e6ecaa0a98250d72af257fd095aacd53bb71d709c79dfee180135" frameborder="no"></iframe>

将css规则添加到样式表

#79e8ff18932e6ecaa0a98250d72af257fd095aacd53bb71d709c79dfee180135{
height:100%
}