html - 在计算高度期间使用 calc()

Question

我编程非常简单的布局。它由 5 个 div -> http://jsfiddle.net/8tSk6/组成。我希望 ID 为“kubka”的 div 等于 100% - 100px ( height: calc(100% - 100px);)。不幸的是，它不起作用。我尝试应用CSS3 高度的提示：calc(100%) 不起作用（添加高度 = 100%，边距和填充 = 0），但脚本仍然不起作用。

Answer 1

您可以使用 javascript 来获取元素的高度，然后更改它：

function updateHeight(divId){
    var urDiv = document.getElementById(divId);
    urDiv.height = window.innerHeight - 100;
    urDiv.style.height = urDiv.height + "px";
}

希望它能解决你的问题。

Answer 2

1）你需要添加html {height:100%;}

2）删除您的 div 和 # 之间的空格 - 您的样式的含义是 div 内发现的任何内容的 id，如果您查看您的wwwdiv 它不在任何其他 div 内

如果你把这些整理出来，我认为它会起作用：小提琴