如何使元素的高度等于屏幕的高度？

Question

我试过height: auto;但这不起作用。有任何想法吗？

Answer 1

html, body { height: 100%; } 
#container { height: 100%; background: red; width: 200px; } 

这是你正在尝试做什么？请提供一些代码。

Answer 2

您有几个选项。你可以这样做：

.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%; 

}