Question

我编程非常简单的布局。它由5个div组成 - ＆gt; http://jsfiddle.net/8tSk6/。我想ID为“kubka”的div等于100％ - 100px（height: calc(100% - 100px);）。不幸的是，它不起作用。我尝试使用CSS3 height: calc(100%) not working应用提示（添加高度= 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，如果你看看你的www div，它就不在任何其他div中

如果你排除这些，我认为它会起作用：fiddle

在计算高度期间使用calc（）

2 个答案: