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

Question

有谁知道为什么黄色框的高度计算不正确（100像素）？

我需要知道定义CSS以便JavaScript-Part知道实际高度...

<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在这里。

Answer 2

高度100％始终采用父div的高度。 您可以根据需要使用javascript设置其高度。 您需要在网站标题中包含jquery js文件。 语法可能不是100％正确，但是您可以使用该概念

var height = $(".footer").css("height") - $(".header").css("height");
$(".content").css("height",height);