没有css的固定标题栏：固定答案

【问题标题】：Fixed Title Bar without css:fixed没有css的固定标题栏：固定
【发布时间】：2023-04-10 19:33:02
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

您可以找到更多文档Over here

【讨论】：

【解决方案2】：

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

【讨论】：