以下是代码:http://jsbin.com/dusuda/12/edit
我使用了核心标题面板元素,并且从我注意到它不会渲染它,除非它设置为flex。核心 - 标题 - 面板中有3个元素,我想要实现的是让中间元素通过弯曲来占用所有额外空间。这里的最终目标是在底部有一个粘性页脚。
从示例代码中我已经看到嵌套弹性的几种用法,所以我认为它会没问题,但由于某些原因它不能为我工作。我尝试用黄色背景来弯曲div,但它仍然只采用其内容的高度。
答案 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