Question

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

我有两个div，一个在另一个里面。两者都设置为100％的高度。容器（A）的大小适当且填充其父级，但其子（B）未被拉伸至其高度。当我以像素为单位设置容器（A）高度时，例如500px，它的孩子（B）伸展得很好。

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

Answer 1

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

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

html, body { height:100%; }

到你的CSS。然后它会工作。