上下两部分布局，头部高度不固定，底部填满剩余部分，这样的布局能用css实现吗（任何css属性都行）

Question

当底部内容过多时，需要能滚动

Answer 1

用flex可以 上部flex-shrink设置0，下部flex-grow设置1，flex-direction设置为column;

Answer 2

补充一下楼上的答案，容器需要 height: 100%，如果是 body 的话，需要 html,body { height: 100%; }