Possible Duplicate:
07000
这需要一个简单的例子，但是为什么div的百分比指定的高度不适用于它。
例如：
<div class="container"> adsf </div>
CSS：
.container
{
width:80%;
height:50%;
background-color:#eee;
}
当我将高度从％改为px时，效果很好。 ％与px一样有效，但为什么只有px可以使用，而不是％。 here是jsfiddle
编辑
尽管我在原来的问题中错过了50％的分号，这完全破坏了它。实际上我打算问的是为什么50％的消费者不会消耗50％的集装箱。它的内容只占其高度，而不是其容器的50％。
解决方法
它不占整个页面的50％是因为“整页”只是你的内容有多高。将附加的html和body更改为100％的高度，它将工作。
html,body{
height: 100%;
}
div{
height: 50%;
}
http://jsfiddle.net/DerekL/5YukJ/1/
^你的文件只有20px高。 20px的50％是10px，这不是你所期望的。
^现在，如果将文档的高度更改为整个页面的高度(150像素)，150像素的50％为75像素，那么它将会工作。
