Polymer 为什么赢了'；t聚合物&x27；s flex属性/类是否正常工作？

浏览器：FirefoxV35操作系统：Linux Ubuntu 14，Polymer:v1.4

正在关注Rob Dodson的Polycast——大多数视频都提到使用“flex”（flexbox）来实现响应性设计。然而，我很难让它发挥作用

在下面列出的示例文件中

• “纸张页眉”面板上的“flex”属性是superflous（即使没有它，元素也会拉伸-请注意蓝色边框）
• 工具栏中span标记上的flex属性起作用-请参阅右侧的“更多”图标快速移动。这很好/符合预期
• 最后，我希望内容类为“flex”的div，但不会。理想情况下，应该没有白色区域

文档&一点帮助都没有。甚至指南上的代码片段对我也不起作用

代码如下：

.图标睡眠{
颜色：红色；
宽度：48px；
高度：48px；
}
身体{
边框：1px红色虚线；
}
纸头面板{
边框：2个虚线道奇蓝；
}
.内容{
边框：2个番茄；
背景色：var（--paper-浅蓝色-500）；
}
标题
内容

iron flex布局

在开始时甚至以后都很难使用

让我们详细分析一下如何获得所需的输出。
首先，我们需要主体上的

fullbleed

类。这使得我们使用屏幕的全尺寸。然后，我们添加

元素，该元素将负责标题和内容的显示、定位和大小调整。我们不需要向

纸张标题面板添加任何类

接下来，我们添加两个
div
元素。另一个是带有
纸张标题的实际标题
类，另一个是带有
fit
类的内容宿主。
fit
类负责确保我们的内容填满整个屏幕

我们在第一个div中添加了
纸张标题
类，并在工具栏中添加了其他内容，正如您所提供的。这是正确的

如果您想为内容设置不同的布局类型（
horizontal
或
vertical
），可以使用
fit
类将所需的类添加到div中

请参阅下面的代码。

身体{
边框：1px红色虚线；
}
纸头面板{
边框：2个虚线道奇蓝；
}
.适合{
@应用（--铁定位配合）；
身高：100%；
边框：2个番茄；
背景色：#00B7FF；
}
标题
内容
JFYI-我已经在我的elements.html中包含了iron-flex-layout-classes.html…包含在代码段中。请记住，
iron-flex-layout
的类方法使用了
/deep/
组合符。您应该在
iron-flex-layout.html
instead@Alan-你确定吗？从铁制伸缩板上t、 html代码注释：请注意旧的已弃用，不应使用。若要继续在标记中直接使用布局属性，请切换到使用新的基于
dom模块的
。iron flex布局类
github根目录中的
iron flex布局类。html
是要使用的正确文件。@Gishu是的，y你是对的，我认为
iron flex layout classes.html
文件仍然使用旧的类模型，但正如你提到的那样，它不适用于soYeah，我昨天用fit实现了这一点，但是fit使用绝对定位。我应该担心吗？在我的用例中，fit没有引起任何问题。很可能你可以使用fit它。所以没有必要担心。如果你检查纸张元素的来源，很多都使用绝对定位。