Javascript &引用;核心标题面板“;聚合物元素未在内容分区内显示文本

Javascript &引用;核心标题面板“;聚合物元素未在内容分区内显示文本,javascript,html,css,polymer,Javascript,Html,Css,Polymer,我在我的应用程序中使用了聚合物的“核心标题面板”元素,但不确定为什么div中的内容不可见 完整代码位于- 如果我遗漏了什么,请提出建议 代码段: <body fullbleed unresolved vertical layout> <core-header-panel > <core-toolbar class="medium-tall"> <div flex>I am He

我在我的应用程序中使用了聚合物的“核心标题面板”元素,但不确定为什么div中的内容不可见

完整代码位于-

如果我遗漏了什么,请提出建议

代码段:

<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> 

我要去
本周
下个星期
历史
这
组件
不是
可见

组件
不是
可见

组件
不是
可见

组件
不是
可见
我是页脚
通过第页的secend视频:

core header panel
本身和父级(
body
在代码中)都需要明确的高度设置

所以我想你可能想试试


更新:

我试过你的代码,问题出在你的样式表上


这些“不可见”的文本实际上是“在”核心工具栏下。

我能够解决这个问题。并且在没有
核心标题面板的情况下实现了所需的输出,下面是工作代码


感谢namiheike的帮助和建议。

嗨,namiheike,即使我添加了很多换行的文本,它也不起作用。我所做的是:1。制作核心标题面板
flex
;2.移除
选项卡
并清除样式。然后使用inspector,我在工具栏下找到了文本。如果我只是简单地删除
核心标题面板
,那么它可以工作,但是
纸张选项卡
上的墨水效果不起作用。