Html 使左、右div为视口的100%高度

我试图在div上设置

高度：100%

，但它不起作用。有什么问题吗？有人能帮我吗

正文{
背景色：黑色；
}
.集装箱{
位置：相对位置；
溢出：隐藏；
排名：0；
左：0；
右：0；
底部：0；
最大宽度：1170px；
最小宽度：300px；
边缘顶部：47px；
右边距：自动；
左边距：自动；
最小高度：100%；
框大小：边框框；
-webkit框大小：边框框；
-o型盒尺寸：边框盒；
-moz框大小：边框框；
}
.左{
宽度：20%；
身高：100%；
浮动：左；
位置：绝对位置；
底部：0px；
背景色：#364150；
左边框：1px实心#3d4957；
最大高度：无！重要；
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
-o型盒尺寸：边框盒；
左：0px；
}
.对{
宽度：80%；
浮动：对；
背景色：#ffffff；
框大小：边框框；
-webkit框大小：边框框；
-o型盒尺寸：边框盒；
-moz框大小：边框框；
填充：10px；
最小高度：100%；
位置：相对位置；
排名：0；
右：0；
底部：0；
溢出y：滚动；
}

---

您还需要为所有父容器设置

高度

html, body, .container {
  height: 100%;
}

更新-

您还可以使用，例如
vh
来避免这种情况
 您还需要为所有父容器设置高度

html, body, .container {
  height: 100%;
}

更新-

您还可以使用，例如
vh
来避免这种情况
 尝试将容器更改为绝对位置：

.container { position:absolute; }

尝试将容器更改为绝对位置：

.container { position:absolute; }

%
height
只能是“某物”的高度，因此必须设置
html
和
body
高度，才能设置内部元素的高度百分比：

html, body{
  background-color:black;
  height: 100%;   
}

%
height
只能是“某物”的高度，因此必须设置
html
和
body
高度，才能设置内部元素的高度百分比：

html, body{
  background-color:black;
  height: 100%;   
}