html - 使 DIV 100% 在另一个 DIV 100% 高度内拉伸高度

Question

可能重复：
高度：100%；不工作

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

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

Answer 1

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

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

html, body { height:100%; }

到你的 CSS。然后它将起作用。