我一直在学习CSS一段时间了，但下面简化的布局仍然有点超出我的意思，所以我问是否有人知道这种布局的模型，或者会有一个解释来使这项工作
页面应该有3个波段或块：
标题，底部和内容。
'标题'将从可见屏幕中的左0，前0开始，一直到右边缘，高度为70像素。
“底部”波段将从左侧0开始，但在可见屏幕的底部，也是70px的高度（例如，从可见屏幕的底部开始减去70px）。它会一直延伸到可见屏幕的右边缘。
“内容”区段将从左侧0开始，顶部将从“标题”区域的底部开始，内容区块的底部将向下延伸至“底部”区域的顶部。
如果'header'和'bottom'乐队在他们的位置被修复也会很好，但是如果块中有更多内容空间，'content'块可以滚动。
我认为这是可行的，但我目前只能达到目前的水平，所以我想看看专家会怎么做。
非常感谢 迈克托马斯
答案 0 :(得分：6)
页面底部的固定标题很难实现和维护。你能保证你的内容永远适合吗？滚动一个块而不是整个页面对于用户来说可能是单调乏味的，因为您必须在使用向上翻页和向下翻页之前获得焦点。
更好的解决方案是让内容在内容完成后自然地进行。您可以为内容较多的网页设置内容的最小高度。
对不起，不是一个真正的答案，但你的网站会更好。
答案 1 :(得分：5)
我不确定这是否解决了这个问题，但对于带有滚动中间内容部分的固定页眉和页脚，您可以查看此链接：
答案 2 :(得分：1)
答案 3 :(得分：1)
你想要的是sticky footer。至于内容，你需要实现一个scrollable DIV - 处理溢出的关键。
答案 4 :(得分：0)
This example涵盖了固定在顶部和底部的页眉和页脚，但宽度小于100％。我相信你可以调整。
顺便说一下，我发现这个的方式是搜索“CSS框架” - 保持内容的一部分静止，而其余的滚动有时被称为那种方式，因为它类似于人们过去常常使用HTML框架。
答案 5 :(得分：0)
示例 - Css列表属性/示例 - Css图层属性/示例 - Css文本框属性/示例 - Css字体属性/示例 - Css文本属性/示例 - Css光标属性/示例 - Css背景属性/示例 - Css表属性/示例 - Css滚动条属性/示例 - 工具 - 单位 - 参数 - 模板页面 - 网页设计
答案 6 :(得分：0)
Blueprint CSS是一个很好的工具，可以简化CSS布局。