Html div的高度不会动态增长

我浏览了这方面的大部分帖子，但没有任何帮助

我需要将

div

增加到100%高度，以便它适合窗口的长度，也适用于儿童div

代码：

代表
水果

苹果公司
芒果
橙色的

问题在于，即使

iframe

的大小很大，容器div和其余的

div

也不会展开，因此会出现

滚动条。有什么解决办法吗


另一个问题：

iframe的div不占用整个宽度。我把20%放在#列表中，55%放在#链接中，这样它就可以放在父div容器中75%。这不会发生
 您必须设置
高度：100%
和
元素以及要占据整个高度的子元素上的code>：

添加以下CSS：

html, body, .full-height {
    height: 100%;
}

body {
    margin: 0; // <-- to avoid unnecessary scrollbars.
}



CSS片段：

document.createElement('header');

ul.reset,
ol.reset {
    list-style: none;
    margin: 0;
    padding: 0;
}

当包含“添加”或“修复”浏览器窗口时，您希望动态增加div宽度吗？不，div中有一个iframe，左侧是列表。如果div（包含iframe）填满了剩余的整个空间，我只想要宽度。如果使用正确的定位，他不会得到不必要的滚动条，当然，在父容器中使用边距会让他进入trouble@Mr.Alien如果不将元素的边距设置为0，则将元素的高度设置为100%将导致滚动条，因为大多数浏览器给
元素一个默认的8px填充。谢谢提示！！事实上，我没有给身体加上0的边距，因为在所有的跳水动作中，把身高提高到100%是有帮助的。但是，margin:0确实避免了页面的滚动条。此外，我还为一个div设置了overflow:hidden，因为它超出了父div的范围，我还必须为iframe设置height:100%，以避免iframe@Web_Designer这就是为什么我们使用resets
*{margin:0；padding:0；}
：）@Mr.Alien也可以，只是要小心将必要的边距添加回标题等。
document.createElement('header');

ul.reset,
ol.reset {
    list-style: none;
    margin: 0;
    padding: 0;
}