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

有人知道为什么黄色框的高度计算不正确（100px）吗

我需要知道如何定义css，以便JavaScript部分知道实际高度

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

标题
内容blub
​

---

这是一个JSFIDLE-

因为您使用百分比

%

而不是像素

px

来定义它

你需要改变

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

到

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

---

这里。

这是因为您使用百分比

%

而不是像素

px

来定义它

你需要改变

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

到

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

---

此处。

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

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

---

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

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

---

---

因为它的高度是148px的100%。我如何归档148px的100%-页眉高度？因为它的高度是148px的100%。我如何归档148px的100%-页眉高度？是的，但是页脚高度由用户决定。。。因此，我不知道.content:o/的固定高度。在这种情况下，您可以将.content设置为50%的高度，以便它适应放置在页脚中的任何内容，并且可以查看所有部分。不，因为.content应该是#footer的所有可用高度（减去页眉）。好的，在这种情况下，您需要在同一元素上使用高度和最大高度，但是一个使用%而另一个使用像素。e、 我不明白你的意思。。你能用叉子叉我的JSFIDLE吗？是的，但是页脚高度是由用户决定的。。。因此，我不知道.content:o/的固定高度。在这种情况下，您可以将.content设置为50%的高度，以便它适应放置在页脚中的任何内容，并且可以查看所有部分。不，因为.content应该是#footer的所有可用高度（减去页眉）。好的，在这种情况下，您需要在同一元素上使用高度和最大高度，但是一个使用%而另一个使用像素。e、 我不明白你的意思。。你能用叉子叉我的叉子吗？我知道这条路。但我需要一个更通用的。想象一下，在.content框上方有更多的元素限制了其可用空间。好了，开始吧。正如我所说的，height 100%总是取父div的高度，在本例中是footer。但当你不断添加像header或者更像header1，header2这样的div时。。所有这些都会将名为“content”的div推到下面，内容将始终占据可用空间。但是，如果你尝试计算“内容”的高度，它会给你“100%”，即148px（父母的高度）。你可以尝试添加更多的div，看看我是怎么知道的。但我需要一个更通用的。想象一下，在.content框上方有更多的元素限制了其可用空间。好了，开始吧。正如我所说的，height 100%总是取父div的高度，在本例中是footer。但当你不断添加像header或者更像header1，header2这样的div时。。所有这些都会将名为“content”的div推到下面，内容将始终占据可用空间。但是，如果你尝试计算“内容”的高度，它会给你“100%”，即148px（父母的高度）。您可以尝试添加更多div，看看会发生什么