创建当前视口高度div的100%高度

时间:2014-02-20 16:12:32

标签: html css css3

如何创建当前视口大小的100%高度div?

我知道周围有很多分辨率,我想创建一个足够高的div来覆盖视口的当前大小。

假设视口当前是一个1920x1080分辨率屏幕之一的大小,但是,另一个来自1024x768分辨率屏幕的其他人想要查看该页面,我希望div显示100%的高度视口显示在。

只用css可以吗?

2 个答案:

答案 0 :(得分:1)

为html和body以及div提供100%的高度。

答案 1 :(得分:-1)

您可以使用固定的位置。 把它添加到身体:

<div style="position:fixed; width:100%; height:100%; top:0; left:0;"></div>