聚合物开始:造型

时间:2014-08-21 19:50:04

标签: css polymer

我正在使用一些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。但后来我会浪费网站的灵活性。它会被卡在那个高度上。

所以我想知道是否还有其他方法可以解决我的问题。

0 个答案:

没有答案