Polymer的“ core-header-panel”元素未在內容Div中顯示文本

Question

我在應用程序中使用了Polymer的“ core-header-panel”元素，但是不確定為什么div中的內容不可見。

完整代碼-http://jsfiddle.net/ilovenagpur/5rm4eznm/1/

請建議如果我在這里缺少什么。

代碼段：

<body fullbleed unresolved vertical layout> 
    <core-header-panel > 
            <core-toolbar class="medium-tall">  
                <div flex>I am Heading</div> 
                <core-icon-button icon="search"></core-icon-button>

                <paper-tabs class="bottom fit" selected="0">
                    <paper-tab>This Week</paper-tab>
                    <paper-tab>Next Week</paper-tab>
                    <paper-tab>History</paper-tab>
                </paper-tabs> 
            </core-toolbar> 
        <div class="content">   
             THIS <br />
          COMPONENT <br />
          IS NOT <br />
          VISIBLE <br />
            THIS <br />
          COMPONENT <br />
          IS NOT <br />
          VISIBLE <br />
            THIS <br />
          COMPONENT <br />
          IS NOT <br />
          VISIBLE <br />
            THIS <br />
          COMPONENT <br />
          IS NOT <br />
          VISIBLE <br />

            <footer layout vertical center>
                <div  >I am footer</div>  
            </footer> 
        </div>
    </core-header-panel>   
</body>

Answer 1

通過此頁面上的第二視頻：

core-header-panel本身和父core-header-panel （代碼中的body ）都需要一個顯式的高度集。

因此，我想您可能想嘗試<core-header-panel flex>

更新：

我嘗試了您的代碼，問題出在您的樣式表中。

這些“不可見”文本實際上位於核心工具欄下方。

Answer 2

我能夠解決問題。 在沒有core-header-panel情況下實現了所需的輸出，這是工作代碼。

http://jsfiddle.net/ocw5x2aL/8/

感謝namiheike的幫助和建議。

Polymer的“ core-header-panel”元素未在內容Div中顯示文本

問題描述

2 個解決方案

解決方案1
0 2014-12-17 04:30:04

解決方案2
0 已采納 2014-12-18 01:42:36

Polymer的“ core-header-panel”元素未在內容Div中顯示文本

問題描述

2 個解決方案

解決方案1 0 2014-12-17 04:30:04

解決方案2 0 已采納 2014-12-18 01:42:36

解決方案1
0 2014-12-17 04:30:04

解決方案2
0 已采納 2014-12-18 01:42:36