css - 如何设置元素的高度以填充其父元素高度的剩余部分？

Question

截至目前，我在 div B 中放置了 div A，并且 A 的高度设置为 100%，因为我希望它覆盖从其开始到其父 div 底部的所有内容。

然而，将其高度设置为 100% 并没有按照我希望的方式执行(它只是简单地从起点一直延伸到其父级的底部)，而是将其高度设置为完全匹配它的父分区。由于 div A 从 div B 内部向下几百个像素开始，这会导致 div A 在 div B 下面额外溢出几百个像素。

示例如下:

真正的技巧是 div B 需要能够根据其内容垂直扩展，而 div A 继续填充从其垂直开始到其父级底部的区域。

还有其他方法可以考虑吗？我知道我可以使用计算单元，但是，直到 safari 6，calc 才适用于 safari，这将排除很多移动设备。

Answer 1

我可能误解了你在这里想要实现的目标，但不会

overflow:hidden;

在 Div B 上工作了吗？