有谁知道为什么黄框的高度计算不正确(100px)?
我需要知道定义 css 以便 JavaScript-Part 知道真正的高度......
<div id="footer">
<div class="header">
Header
</div>
<div class="content">
Content blub
</div>
</div>
这是一个 jsFiddle - http://jsfiddle.net/3nM7f/
有谁知道为什么黄框的高度计算不正确(100px)?
我需要知道定义 css 以便 JavaScript-Part 知道真正的高度......
<div id="footer">
<div class="header">
Header
</div>
<div class="content">
Content blub
</div>
</div>
这是一个 jsFiddle - http://jsfiddle.net/3nM7f/
这是因为您使用百分比%
而不是像素来定义它px
。
你需要改变
.content{
height:100%;
background-color:yellow;
}
到
.content{
height:100px;
background-color:yellow;
}
并且您的所有部分都将正确显示。
jsfiddle在这里。
高度 100% 始终采用父 div 的高度。如果需要,您可以使用 javascript 设置其高度。您需要在您的网站标题中包含 jquery js 文件。语法可能不是 100% 正确,但你可以使用这个概念
var height = $(".footer").css("height") - $(".header").css("height");
$(".content").css("height",height);