如何设置元素的高度以填充其父级高度的其余部分?

时间:2013-02-07 19:46:05

标签: css layout height html vertical-alignment

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

但是,将其高度设置为100%并不会按照我希望的方式执行(它只会从其起始点到其父节点的底部一直跨越),而是将其高度设置为完全匹配它的父div。由于div A在div B内向下开始几百个像素,这会导致div A溢出div B以下的几百个像素。

以下示例:

Example

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

还有其他方法需要考虑吗?我知道我可以使用计算单位,但是,在野生动物园6之前,计算结果不适用于野生动物园,这将排除很多移动设备。

1 个答案:

答案 0 :(得分:1)

我可能会误解你在这里想要达到的目标但不会

overflow:hidden;
Div B上的

锻炼了吗?