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

通过this页面上的第二个视频：

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 个答案: