如何使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

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