最后DIV填充父DIV高度的剩余部分(无JS或绝对位置)

Question

我希望div C填充父div的高度的剩余部分,同时允许兄弟div B具有可调高度.只有CSS(没有javascript)这可能吗？

其他类似的问题已被"位置div C绝对"回答,但这对我不起作用,因为我希望div B根据其内容具有可变高度.

+---------------------------------------+
| D +---------------------------------+ |
| i | div B (min and variable height) | |
| v +=================================| |
|   |               ^                 | |
| A |               |                 | |
|   |              div C              | |
|   |      (remainder of height)      | |
|   |               |                 | |
|   |               v                 | |
|   +---------------------------------+ |
+---------------------------------------+

Answer 1

如果将顶部div设置为float,左边和宽度:100%怎么办？

我试图在JSFiddle中测试它,它似乎工作.

代码就在这里.