javascript - 没有css的固定标题栏：固定

Question

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

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

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

但我想使用全 css 布局，可以吗？

score 0 · Accepted Answer

您不需要为此使用 JavaScript。通过这个例子更好地了解 - 100% 高度布局。为我工作了无数次。

score 0 · Accepted Answer

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

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

2 回答 2