固定标题栏没有CSS：固定

Question

我需要创建一个包含两个部分的CSS布局，标题栏和内容。

标题栏需要为55px，内容填充页面的其余部分。我不能使用position：fixed元素。我目前正在使用javascript来设置这样的高度：

document.getElementById("content").height = (window.innerHeight - 55) + "px";

但我想使用全css布局，是否可能？

Answer 1

您不需要使用JavaScript。更好地了解这个例子 - 100% height layout。为我工作了很多次。

Answer 2

在支持css3的新浏览器中，您可以在css中使用calc（）函数。在你的情况下，它看起来像：

#content
{
    height: calc(100% - 55px);
}

您可以找到更多文档Over here