Javascript CSS高度100%不工作

我有一个

高度为100%的div但它不工作。当我声明一个固定高度（例如
高度：600px；
）时，它正在工作，但我想要一个响应性设计

html:






{{:html}
{{：助手}




您可能需要在下面声明
高度：100%
的代码，以便为您的div工作

html, body {margin:0;padding:0;height:100%;}

小提琴：

我相信您需要确保100%高度div上方的所有容器div标记上也设置了100%高度，包括body标记和html。
有关代码镜像div，请参阅手册，以下部分可能对您有用：


并看看：


还有一条评论：

内联样式太糟糕了，你应该不惜一切代价避免它，这不仅会让你感到困惑，而且是一种糟糕的做法。
我认为你有两种选择：

使用
100%
height（包括body和html）设置所有父div的样式

对一个父div（例如
#content
）使用绝对定位，然后将所有子div设置为高度
100%

将包含元素/div设置为高度。否则，您会要求浏览器将高度设置为未知值的100%，但它不能

此处的详细信息：
您没有指定html的“高度”。当您在元素（即divs）中指定百分比时，css编译器需要知道父元素的大小。如果不指定，则应该看到没有高度的div

最常见的解决方案是在css中设置以下属性：

html{
    height: 100%;
    margin: 0;
    padding: 0;
}

您对html标记（html是所有html元素的父元素）说：“获取html文档中的所有高度”

我希望我帮助了你。干杯今晚的答案是正确的

 html, body {margin:0;padding:0;height:100%;}

还要检查您的div或元素是否不在另一个div或元素内（高度小于100%）
希望这能帮助其他人。
iFrame没有自动高度。您必须使用javascript获取并定义它。若你们想让它有响应性，你们可以使用一个窗口调整功能。这不是未知的，浏览器已经计算出了每个元素的值。这不是未知的答案是正确的。html，主体高度必须为100%。你想要的div必须是100%+body和你想要设置的div之间的所有父元素。我如何分配元素相对于页面高度的高度？这对我很有效。位置固定也有效。
 html, body {margin:0;padding:0;height:100%;}