如何使div的浏览器窗口高度为100％
我有两列的布局-左div和右div。
右边div有一个灰色background-color，我需要根据用户浏览器窗口的高度垂直扩展它。现在background-color结束于该内容的最后一部分div。
我试过height:100%，min-height:100%;等
问题答案：
有几个CSS 3度量单位，称为：
什么是视口百分比长度？
根据上面链接的W3候选推荐书：
视口百分比长度相对于初始包含块的大小。更改初始包含块的高度或宽度时，将对其进行相应缩放。
这些单位是vh（视口高度），vw（视口宽度），vmin（视口最小长度）和vmax（视口最大长度）。
如何使用它来使分隔符填充浏览器的高度？
对于这个问题，我们可以使用vh：1vh等于视口高度的1％。也就是说，100vh等于元素在DOM树中的位置，它等于浏览器窗口的高度：
HTML
<div></div>
CSS
div {
height: 100vh;
}
这实际上就是所需要的。这是一个正在使用的JSFiddle示例。
哪些浏览器支持这些新单元？
目前，除Opera Mini之外，所有最新的主流浏览器均支持此功能。查看我可以使用…以获得更多支持。
如何与多列一起使用？
对于具有左右分隔线的当前问题，这是一个JSFiddle示例，显示了一个包含两行vh和两行的两列布局vw。
有什么100vh不同100%什么？
以以下布局为例：
<body style="height:100%">
<div style="height:200px">
<p style="height:100%; display:block;">Hello, world!</p>
</div>
</body>
p此处的标签设置为100％高度，但由于其包含的div高度为200像素，因此200像素中的100％变为200像素，而不是body高度的100％。100vh改为使用表示p标签的高度将为100％的高度，body而与div高度无关。看看这个随附的JSFiddle，可以轻松看到其中的区别！
-
我有这样的结构： 和此CSS： 正文{color：white；font-family：“play”,无衬线；max-width：2560px；margin：0 auto；min-width：960px；height：100%；padding：0；} 而不是高度的100%浏览器窗口。我有什么问题？多谢了。 JsFiddle
-
问题内容： 我只想有一个侧边栏，该边栏将是窗口高度的100％，但除此之外没有任何作用： 我不想拥有，因为我具有水平可滚动的内容，所以固定的部分将保持不变。 有没有办法做这样的事情，也许有或立场？ 问题答案： tl; dr- 添加到您的CSS。 CSS中的百分比值是从某些已经声明了height的祖先继承而来的。在您的情况下，您需要告知边栏的所有父母都必须保持100％的高度。我假设这是的直接子级。 本
-
本文向大家介绍写一个方法来获取div到浏览器窗口的高度相关面试题，主要包含被问及写一个方法来获取div到浏览器窗口的高度时的应答技巧和注意事项，需要的朋友参考一下
-
问题内容： 我尝试使用以下代码在关闭浏览器窗口时收到警报： 它可以工作，但是如果页面包含一个超链接，则单击该超链接会引发相同的警报。仅在关闭浏览器窗口时才需要显示警报，而在单击超链接时则不需要。 问题答案： 保持您的代码不变，并使用jQuery处理链接：
-
我正在为Facebook编写一个代码，它从属性文件中获取URL、ID、密码，但在登录时，我会被提示“Facebook想要显示通知-允许-阻止”，在登录后我该如何使其如此（a）按ESP或Alt+F4并关闭弹出窗口或（B）查找通知并自行关闭通知。这是我使用的，但它不起作用。感谢任何帮助。
-
问题内容： 我想让主体具有浏览器高度的100％。我可以使用CSS吗？ 我尝试设置，但不起作用。 我想为页面设置背景色以填充整个浏览器窗口，但是如果页面内容很少，我将在底部看到一个难看的白色条。 问题答案： 尝试将html元素的高度也设置为100％。 Body向其父级（HTML）寻求如何缩放动态属性，因此HTML元素也需要设置其高度。 但是，身体的内容可能需要动态更改。将最小高度设置为100％将实现