是否可以为{em> firefox 24和 chrome创建一个html5
flexbox布局,其中包含固定header/footer
和可滚动的article
部分,如下所示 31?
+----------+
| header |
+----------+
| article ||
| ||
| ||
| ||
+----------+
| footer |
+----------+
我试过这个(简化):
body {
display: flex;
flex-direction: column;
}
header {
flex: 1;
}
article {
flex: 8;
overflow-y: scroll;
}
footer {
flex: 1;
}
现在我正在尝试使用article
填充剩余空间,但如果内容高度小于窗口高度,则页脚不固定,如果它更大,则页脚滚出可见区域......
答案 0 :(得分:14)