我已经学习CSS已有一段时间了，但是下面的简化布局仍然超出我一点，所以我要问是否有人知道这种布局的模型，或者是否有解释来完成这项工作。

该页面应包含3个带或者块：

标头，底部和内容。

"标题"将从可见屏幕的左0开始，在顶部0，一直到右边缘，并且高度为70像素。

"底部"区域将从左0开始，但在可见屏幕的底部，并且高度为70px(例如，从可见屏幕的底部开始减去70px)。它将一直延伸到可见屏幕的右边缘。

"内容"带将从左0开始，顶部将从"标题"带的底部开始，内容块的底部将向下延伸到"底部"带的顶部。

如果将" header"和" bottom"带固定在适当的位置，也很不错，但是如果" content"块中有更多的内容，则可以滚动。

我认为这是可行的，但就目前的水平而言，我只能做到这一点，所以我想看看专家会如何做到。

非常感谢
迈克·托马斯(Mike Thomas)

解决方案

页面底部的固定标头很难实现和维护。我们可以保证自己的内容永远适合吗？对于用户而言，仅滚动一个块而不是整个页面可能会很繁琐，因为我们必须在使用上一页和下一页之前正确地获得焦点。

更好的解决方案是在内容完成后自然放行脚。我们可以为内容较少的页面在内容上设置最小高度。

很抱歉，这不是一个真正的答案，但是这样网站会更好。

这是我遇到的有关CSS的绝佳网站

CSS技巧和教程

我认为最好只是遵循一些基本设计并从那里学习:-)

我不确定这是否可以解决，但是对于带有滚动中间内容部分的固定页眉和页脚，我们可以查看以下链接：

http://www.cssplay.co.uk/layouts/basics2.html

我们想要的是一个粘贴页脚。至于内容，我们需要实现一个可滚动的DIV，该键存在处理溢出的问题。

CSS框架

此示例涵盖了固定在顶部和底部的页眉和页脚，尽管宽度小于100％。我确定你可以调整。

顺便说一句，我发现这种方式的方式是搜索" CSS框架"，使内容的一部分保持静止，而其余的滚动有时也被称为这种方式，因为它类似于人们过去对HTML框架所做的工作。

示例CSS列表属性/示例CSS图层属性/示例CSS文本框属性/示例CSS字体属性/示例CSS文本属性/示例CSS光标属性/示例CSS背景属性/示例CSS表属性/示例CSS滚动条属性/示例工具单位参数模板页面网页设计

http://www.css-lessons.ucoz.com/

蓝图CSS是一个很好的工具，可以简化CSS布局的制作。