在<core-header-panel>内部弯曲的元素也被弯曲</core-header-panel>

时间:2014-07-20 13:04:15

标签: polymer

以下是代码:http://jsbin.com/dusuda/12/edit

我使用了核心标题面板元素,并且从我注意到它不会渲染它,除非它设置为flex。核心 - 标题 - 面板中有3个元素,我想要实现的是让中间元素通过弯曲来占用所有额外空间。这里的最终目标是在底部有一个粘性页脚。

从示例代码中我已经看到嵌套弹性的几种用法,所以我认为它会没问题,但由于某些原因它不能为我工作。我尝试用黄色背景来弯曲div,但它仍然只采用其内容的高度。

1 个答案:

答案 0 :(得分:-1)

Core-header-panel有两个内容插入点(一个用于标题,一个用于主要内容) 在你的JSbin中你添加了3个div(页眉,主页和页脚) 此外,标题必须是core-toolbar或具有core-header类的div,主要内容插入点的位置为relative

检查布局元素上的official docs以获取更多信息。

要解决您的具体问题,我将3个div减少到只有2个,并使用fit属性作为主要&页脚内容。

查看我的JSBin: http://jsbin.com/fawof/1/edit?html,output