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

<div class="container">
    <div class="header">
        内容多少未定
    </div>
    
    <div class="content">
        内容多少未定,下边固定在.footer上,上边自适应,超出div部分的内容隐藏。当header的内容增加时,
        上边下移,下边不动,超出隐藏。
    </div>
    
    <div class="footer">
        固定在底部,高度一定。
    </div>
  </div>

有谁知道这样的css怎么写吗?

流叠
浏览 1480回答 1
1回答

小小姑娘大智慧__

这样实现会有问题吧,首先正常的页面设计应该是头尾固定,中间内容是自适应撑开容器,超出部分是显示滚动条的
打开App,查看更多内容
随时随地看视频慕课网APP