是否可以为firefox 24 和chromium 31制作具有固定和可滚动部分的html5
flexbox 布局,如下所示?header/footer
article
+----------+
| header |
+----------+
| article ||
| ||
| ||
| ||
+----------+
| footer |
+----------+
我试过这个(简化):
body {
display: flex;
flex-direction: column;
}
header {
flex: 1;
}
article {
flex: 8;
overflow-y: scroll;
}
footer {
flex: 1;
}
现在我正在尝试用 填充剩余空间article
,但是如果内容高度小于窗口高度,则页脚不固定,如果更大,页脚将滚动到可视区域之外...