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

可能重复：

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

但我需要将容器（A）设置为百分比，而不是像素。

---

我做错了什么？

高度：100%

或任何百分比值，只有在父级也设置了高度时才起作用

因此，在您的例子中，diva的父元素可以是另一个元素，也可以是主体。如果是这种情况，请添加以下规则：

html, body { height:100%; }

---

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

高度：100%或任何百分比值，只有在父级也设置了高度时才起作用

因此，在您的例子中，diva的父元素可以是另一个元素，也可以是主体。如果是这种情况，请添加以下规则：

html, body { height:100%; }

---

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

有一个示例JSFIDLE供我们玩/了解您真的很有帮助有一个示例JSFIDLE供我们玩/了解您真的很有帮助