css – Div高度百分比

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像素，那么它将会工作。