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

Question

可能的重复项：
高度：100%;不工作

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

但我需要以百分比而不是像素设置容器 （A）。我做错了什么？

Answer 1

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

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

html, body { height:100%; }

到你的 CSS。然后它就会起作用。