css - DIV - 强制高度 100%=/= 页面高度？

Question

我在尝试设置的设计中遇到了一个大问题。这是供引用的网站；

http://throwbackhero.com/index1.php

问题是我将 body 设置为 height: 100%;在样式表和#wrapper div 中也是如此。高度超出当前页面高度并且没有考虑到还有其他可能导致溢出的 div。

我希望，即使浏览器的垂直尺寸发生变化，空白页面的尺寸也会与浏览器一样大，内容/包装器 div 也会缩小以适应。

这可以做到吗？

编辑

好吧，很明显我原来的问题非常令人困惑。这是一张照片；

所以，在图 1(左)中就是问题所在。高度 100%；在包装器和内容 div 上，它正在创建那个坏男孩。我希望它看起来像图片，其中白色/灰色区域根据浏览器的大小增大/缩小...

Answer 1

最简单的方法就是使用 CSS:

height: 100vh;

其中“vh”代表浏览器窗口的垂直高度。 响应浏览器和移动设备的大小调整。