iFrame填充核心頁眉面板中的div

Question

我最近開始使用Polymer為自己建立一個流體材料設計網站，但是遇到了一些問題。

我想擁有一個iFrame，它在核心工具欄下方的核心頁眉面板內部動態加載了各種頁面的內容。 加載工作正常，但是iFrame不會填滿核心頁眉面板的整個高度 。 我嘗試將其高度設置為core-header-panel的高度，但返回null。 標簽本身和CSS中的height = 100％均無效。 我不知道該如何工作，但是除了iFrame之外，我也歡迎其他解決方案。 寬度可以拉伸，高度不能縮放。 我相信我正在使用聚合物0.8（今天早上才下載）。

附帶的結果是高度設置為100％。 每隔一種方法都會產生類似的結果。

HTMLPastebin

該網站的JS

cssPastebin

Answer 1

看起來是由於某種原因，您對！DOCTYPE有問題。 在doctype標記中對此進行測試。 嘗試僅使用類似！DOCTYPE html5的東西。 然后，您將可以控制高度。

我不使用Polymer，因此您仍然需要找出Doctype為何會給您這個問題。 因此，您可以使用正確的！Doctype。

但這有望使您走上正確的道路來糾正問題。

Answer 2

嘗試使用布局屬性，如Polymer布局文檔中的解釋

您可以使用一些屬性，例如擬合或水平。 大概像下面

<div class="content" horizontal layout>
            <iframe height="100%" frameborder="0" width="100%"></iframe>
</div>