如何获得具有可滚动内容的固定页眉、页脚?大概是这个page.我可以查看源代码来获得CSS,但我只想知道让它工作所需的最低CSS和HTML.

enter image description here

推荐答案

像这样的东西

<html>
  <body style="height:100%; width:100%">
    <div id="header" style="position:absolute; top:0px; left:0px; height:200px; right:0px;overflow:hidden;"> 
    </div> 
    <div id="content" style="position:absolute; top:200px; bottom:200px; left:0px; right:0px; overflow:auto;"> 
    </div> 
    <div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px; right:0px; overflow:hidden;"> 
    </div>
  </body>
</html> 

Html相关问答推荐

Angular 17 -如何使用@if @else向 *ngIf的同一个ng-模板指示其他两个

如何在css中将包含多行文本的多个p-tag放在一起(并排)?

如何通过扭曲元素来倾斜元素?

如何翻转卡片图像的背面

在每个列宽由带有固定值的minmax()函数定义的网格中,CSS如何为列分配空间?

不呈现孙子元素,使用R htmlTools::Taglist为分页的pdf生成HTML

我无法动态嵌入Instagram帖子,因为无法分配Instagram固定链接

太多的 Web 视图实例导致手机过热 Swift

UL 的行为就像它不属于任何类别

当div位于flexbox中时,如何使div的宽度与高度相同

图像如何能达到 HTML 表格的全宽?

嵌入最近的 YOUTUBE 视频(不是短片,视频)

如何用js和CSS在两点之间画一条线

如何使Bootstrap 5卡可点击

主要元素内滚动时,固定导航栏会消失

网页设计不适合移动设备

如何并排放置
的定义列表,但如果
变长,
会向下移动?

项目的水平列表:倒数第二个项目居中,而最后一个项目占据所有剩余空间

变换元素以适应高度(Angular,SCSS)

无法使用 HTML 中的 Bootstrap 自上而下居中