如何使div容器占据屏幕的整个高度？

Question

好的，我正在制作我的第一个iOS HTML5应用程序，它只是一个简单的报价应用程序。我需要弄清楚如何让我的容器div成为iphone的全高。这是我设计的一个方面 - http://jsfiddle.net/gKaDL/1/

.container {
width: 640px;
min-height: 100%;
background-size: cover;
background-position: center;
background-color: #1a1a1a;
}

由于很多报价都很短，因此容器div不会达到960px的iPhone 4屏幕高度，更不用说iPhone 5的1136px高度了。容器div必须是屏幕的大小或更大，因为它上面有一个必须填满屏幕的背景图像。

感谢。

Answer 1

你有一个CSS单位vh，它位于视口高度的十分之一。在这种情况下，你会写：

height: 100vh;

或者您可以强制div粘贴到最近定位的父级的顶部和底部（因此将position:relative或position: absolute提供给具有适当高度的父级）：

position: absolute;
top: 0;
bottom: 0;

告诉我你是否需要更多细节

Answer 2

div{
margin:0px auto;
width:100%;
height:100%;

}