不能把宽度放在百分比上

Question

我有一个白色背景的div。我把它的宽度设为％，以便适合所有屏幕。但问题是，当我给出高度a％时，它只是消失了，当我给它px它工作正常。

我该如何解决这个问题？

CSS：

.middentextvak
{

    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 43%;
    height: 500px;
    background: white;
    margin-top: 7%;
    opacity: 0.5;
}

Jfiddle：http://jsfiddle.net/H5LmF/8/ 我不知道为什么它在整个页面看起来都是白色的，但在正常的浏览器中显示正确。

Answer 1

确保您已设置body和html。下面是在％

中设置的高度和宽度的工作示例

DEMO http://jsfiddle.net/SqX5f/2/

html, body {
    height: 100%;
}

Answer 2

要将高度设置为％，您必须修复html和body的高度。

html, body{
    height: 100%;
}