css - 以 100% 的高度在 div 中滚动

Question

总而言之，我试图在窗口的高度和宽度上都获得一个“可调整大小的页面”。我也有两个固定的集团。一个在页面顶部，另一个在左侧（例如Flow应用程序）。

如您所见，我正在尝试使屏幕的黄色部分可调整大小（仅限 css），但我在高度部分遇到了一些问题。滚动区域始终计算顶部块（红色块）的高度。

有没有办法让它免费使用javascript？

Answer 1

id="container" 的 div 的高度为 100%。这意味着 100% 的包含 id='wrapper' 的 div。一种可能的解决方案是制作高度：

红色部分：总高度的 10% 蓝色+黄色（即“包装器”div）：90% 高度

这意味着“容器”包装器应该很好地填满这 90%。

编辑：唯一的缺点是红色部分不再是固定的像素高度。