如何使元素的高度等于屏幕的高度?
答
html, body { height: 100%; }
#container { height: 100%; background: red; width: 200px; }
这是你正在尝试做什么?请提供一些代码。
答
您有几个选项。你可以这样做:
.element{
position:absolute;
top:0px;
right:0px;
left:0px;
bottom:0px;
}
这样,它将从第一个父元素的每一边以0px的位置而不是静态的。如果它是页面上的第一个元素,它将填充整个文档主体。
看到这里发生了什么:http://jsfiddle.net/4QH8H/embedded/result/
http://jsfiddle.net/4QH8H/light/
你也可以这样做:
.element{
height:100%;
width:100%;
}
虽然,这些属性只能使作为高和宽,因为它的父元素,有时身体只会环绕内容而不填充页面,所以你必须这样做:
html, body{
height:100%;
width:100%;
}
+0
更好的主意是'position:fixed',不是? –
+0
@RichardJPLeGuen,可能,我不知道。我假设有一些CSS上帝会说一些关于不对整个内容使用固定位置的内容。 – mowwwalker
有些代码会有所帮助,所以我们可以看到你使用的是什么背景。 –
你应该用更多的相对术语思考; *浏览器*,而不是*屏幕*。 – 2011-10-01 19:01:59