寻找CSS示例,或下面的布局说明

0 css

我一直在学习CSS一段时间了,但是下面简化的布局仍然有点超出我的意思,所以我想知道是否有人知道这种布局的模型,或者会有一个解释来使这个工作.

页面应该有3个波段或块:

标题,底部和内容.

'标题'将从可见屏幕中的左0,前0开始​​,一直到右边缘,高度为70像素.

"底部"波段将从左侧0开始,但在可见屏幕的底部,也是70px的高度(例如,从可见屏幕的底部开始减去70px).它会一直延伸到可见屏幕的右边缘.

'content'频段从左0开始,top将从'header'频段的底部开始,内容块的底部将向下延伸到'bottom'频段的顶部.

如果"标题"和"底部"区域固定在它们的位置也会很好,但如果块中有更多内容,则"内容"块可以滚动.

我认为这是可行的,但我目前只能达到目前的水平,所以我想看看专家会怎么做.

非常感谢Mike Thomas

Ken*_*Ken 6

页面底部的固定标题很难实现和维护.你能保证你的内容永远适合吗?滚动一个块而不是整个页面对于用户来说可能是单调乏味的,因为您必须在使用向上翻页和向下翻页之前获得焦点.

更好的解决方案是让内容在内容完成后自然地进行.您可以为内容较多的页面设置内容的最小高度.

对不起,不是一个真正的答案,但你的网站会更好.


wil*_*hat 5

我不确定这是否解决了这个问题,但对于带有滚动中间内容部分的固定页眉和页脚,您可以查看此链接:

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