Polymer 内的弯曲元件,该元件也是弯曲的

Polymer 内的弯曲元件,该元件也是弯曲的,polymer,Polymer,代码如下: 我使用的是一个核心标题面板元素,我注意到,除非设置为flex,否则它不会渲染。核心页眉面板中有3个元素,我想要实现的是中间元素通过弯曲来占据所有额外的空间。这里的最终目标是在底部有一个粘性的页脚 从示例代码中,我看到了嵌套Flex的几种用法,所以我认为它会很好,但由于某些原因,它对我不起作用。我尝试用黄色背景调整div,但它仍然只是采用了内容的高度。核心标题面板有两个内容插入点,一个用于标题,另一个用于主要内容。 在JSbin中添加了3个div header、main和footer。

代码如下:

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

从示例代码中,我看到了嵌套Flex的几种用法,所以我认为它会很好,但由于某些原因,它对我不起作用。我尝试用黄色背景调整div,但它仍然只是采用了内容的高度。

核心标题面板有两个内容插入点,一个用于标题,另一个用于主要内容。 在JSbin中添加了3个div header、main和footer。 此外,标题必须是核心工具栏或具有核心标题类的div,并且主要内容插入点具有相对位置

查看布局元素以了解更多信息

为了解决您的具体问题,我将3个div减少为2个,并对main+footer内容使用fit属性

请参阅我的JSBin:

谢谢你。这确实解释了很多关于需要两个插入点的核心标题面板的问题,我刚刚了解了这一点。我确实使用了一个核心头类,但我的实际代码比我在jsbin中提供的要长得多,因为我试图隔离问题并删除所有自定义元素和内容。问题似乎真的是我的核心标题面板有3个孩子。不,这是错误的。在主体部分内放置一个大div,使其垂直溢出,页脚会被弄乱。