是否有可能制作一个带有固定页眉/页脚的
html5 flexBox布局和一个可滚动的文章部分,如下所示的firefox 24和chrome 31？
+----------+ | header | +----------+ | article || | || | || | || +----------+ | footer | +----------+
我试过这个(简化)：
body {
display: flex;
flex-direction: column;
}
header {
flex: 1;
}
article {
flex: 8;
overflow-y: scroll;
}
footer {
flex: 1;
}
解决方法
您可能需要确保身体100％高：
html,body {
margin:0;
height:100%;
min-height:100%;
}
我做了一个fiddle.
