如何使div下边固定，上边随自身内容多少与其上面的div内容的多少自适应？

Question

<div class="container">     <div class="header">         内容多少未定     </div>          <div class="content">         内容多少未定，下边固定在.footer上，上边自适应，超出div部分的内容隐藏。当header的内容增加时，         上边下移，下边不动，超出隐藏。     </div>          <div class="footer">         固定在底部，高度一定。     </div>   </div>有谁知道这样的css怎么写吗？

Answer 1

这样实现会有问题吧，首先正常的页面设计应该是头尾固定，中间内容是自适应撑开容器，超出部分是显示滚动条的