html - 需要帮助使 div 出现在屏幕底部，而其余的 div 滚动

Question

如果不向您展示 HTML 代码，很难描述我的具体问题。

在查看页面 http://techdot.us/projects/jeopardy/view.php 时单击“查看源代码”可以轻松查看 HTML 源代码. CSS 位于 here .

我的主要目标是让主要内容表的行/列出现在屏幕的大部分区域(确切地说，除了 69px 以外的所有区域)。

因此，底部 69px 包含一个信息面板，该面板应该保留在屏幕底部，即使用户向下滚动页面也是如此。理论上，滚动应该会触发大部分内容正常向下移动页面，除了保持静态的底部栏。

我在网站上实现了这个效果。但是，有一个大问题。在较小的屏幕上(您可以通过调整窗口大小来模拟)，一些主表会被截断。看来我的 CSS 解决方案是个烂摊子，实际上并没有实现我的主要目标。底部栏不应从主要内容 div (gameTable) 中截断部分表格，但主要内容 div 应以可滚动的方式显示其所有内容。

只要查看者的屏幕具有一定的像素高度，我的 CSS 目前就可以工作。这绝对不是永久性的。

非常感谢您的帮助。我真的很感激，并且完全理解我只是为了编辑大量的 CSS 和 HTML 代码而感到非常痛苦。

Answer 1

将以下 css 添加到您的容器 div。

padding-bottom:69px;/* height of bottom bin*/