javascript - 为什么不计算这个div高度？

Question

有谁知道为什么黄色框的高度计算不正确(100px)？

我需要知道定义 css 以便 JavaScript 部分知道真实高度...

<div id="footer">
 <div class="header">
  Header
 </div>
 <div class="content">
  Content blub    
 </div>
</div>​

这是一个 jsFiddle - http://jsfiddle.net/3nM7f/

Answer 1

这是因为您使用百分比 % 而不是像素 px 来定义它。

你需要改变

.content{
    height:100%;   
    background-color:yellow;
}

到

.content{
    height:100px;   
    background-color:yellow;
}

并且您的所有部分都将正确显示。

jsfiddle在这里。