Polymer 堆芯头面板内的堆芯分离器不';你没有100%的身高吗?

Polymer 堆芯头面板内的堆芯分离器不';你没有100%的身高吗?,polymer,flexbox,Polymer,Flexbox,下面是我的HTML的主体 01 <body fullbleed layout vertical> 02 <template is="auto-binding"> 03 04 <!-- Content --> 05 <core-header-panel flex> 06 <core-toolbar> 07 <div>Hello World!</div> 08

下面是我的HTML的主体

01 <body fullbleed layout vertical>
02 <template is="auto-binding">
03 
04    <!-- Content -->
05    <core-header-panel flex>
06        <core-toolbar>
07            <div>Hello World!</div>
08        </core-toolbar>
09        <div horizontal layout>
10            <div>left</div>
11            <core-splitter direction="left"></core-splitter>
12            <div flex>
13                <!-- I have some looped elements here-->
14            </div>
15        </div>
16    </core-header-panel>
17    <!-- /Content -->
18 </template>
19 <!--scripts loaded here-->
20 </body>
01
02
03
04
05
06
07你好,世界!
08
09
左10
11
12
13
14
15
16
17
18
19
20
以下是它在浏览器中的外观:


因此,在我将CSS添加到第09行之前,我想看看是否有人知道聚合物(flexbox)修复此问题的方法。

核心标题面板使用绝对和相对定位div的组合。
主内容的插入点被包装在一个div中,位置为:relative

因此,最简单的解决方案是将
fit
()属性添加到
元素中