我正在使用一些Polymer" in&#34 ;,我的索引页面导入了一个Polymer元素,其中包含一些其他Polymer元素,其中包含一个core-header-panel和核心工具栏是其中的一部分。
只是为了澄清:
的index.html:
...
<style>
html, body {
height: 100%;
}
</style>
<body>
<some-polymer></some-polymer>
</body>
...
some_polymer.html:
...
<style>
core-header-panel {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
core-toolbar {
background: #000000;
}
</style>
<core-header-panel>
<core-toolbar>
<!-- Proper elements and settings here -->
</core-toolbar>
</core-header-panel>
...
所有导入都很好并且设置了样式。
但是,我遇到了一个问题:核心标题面板没有显示。
正如我们所知,为了使面板工作,我们必须将body / html和core-header-panel高度设置为100%,但如果我们导入和使用它似乎不起作用Polymer元素内的面板。
我可以使面板工作的唯一方法是设置高度而不是百分比。例如,500px。但后来我会浪费网站的灵活性。它会被卡在那个高度上。
所以我想知道是否还有其他方法可以解决我的问题。