Question

以下是我的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>

以下是浏览器中的内容：

enter image description here

所以在我将CSS添加到09行之前，我想我会看到是否有人知道聚合物（flexbox）修复此问题的方法。

Answer 1

core-header-panel使用绝对和相对定位div的组合主内容的插入点包含在具有position:relative

的div中

因此，最简单的解决方案是将fit（docs）属性添加到<div horizontal layout>元素中。

见here。

core-header-panel内的core-splitter没有100％的高度？

1 个答案: