css - 底部 div 如何处理其余部分

Question

有没有办法在不使用 javascript 的情况下进行以下布局？

div parent
   div A
   div B
   div C

• 父级使用固定高度（比如 500 像素）
• A和B的高度取决于其内容

• C取剩余高度

• C将获得仅应在C内滚动的大内容

C 将包含一个内容很大的 D。D 应在 C 内滚动

   div C
       div D
         large content

Answer 1

我会这样设置：

<div class="parent">

    <div class="C">

        <div class="A">
         A's content
        </div>

        <div class="B">
         B's content
        </div> 

      C's content

    </div>/*C end*/

</div>/*parent end*/