使DIV 100％在另一个DIV 100％高度内拉伸高度[重复]

Posted 2023-03-06

【中文标题】使DIV 100％在另一个DIV 100％高度内拉伸高度[重复]

【英文标题】：Make DIV 100% stretch in height inside another DIV 100% height [duplicate]

【发布时间】：2012-09-18 08:37:51

【问题描述】：

可能重复：height:100%; not working

我有两个 div，一个在另一个里面。两者都设置为 100% 的高度。容器 (A) 大小合适并填充其父级，但其子级 (B) 未拉伸到其高度。当我以像素为单位设置容器（A）高度时，例如500px，它的子 (B) 可以正常拉伸。

但我需要将容器 (A) 设置为百分比，而不是像素。 我做错了什么？

【问题讨论】：

有一个示例 jsFiddle 让我们和你一起玩/理解你真的很有帮助

【参考方案1】：

height:100% 或任何百分比值仅在父级也设置了高度时才有效。

因此，在您的情况下， div A 的父级可以是另一个元素或主体。如果是这种情况，请添加此规则：

html, body  height:100%; 

到您的 CSS。然后就可以了。