0

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

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

我的主要目标是让主要内容表行/列出现在屏幕的大部分上（准确地说，除了 69 像素之外的所有内容）。

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

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

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

十分感谢你的帮助。我真的很感激它，并且完全理解我只是丢掉大量的 CSS 和 HTML 代码来编辑，这让我很痛苦。

4

2 回答 2

0

因此，如果我理解正确，您不喜欢在小屏幕上，当您向下滚动到最大值时，底部的得分栏会覆盖一些表格？你的问题很难解释。

最简单的解决方法是简单地放入：

<div style="height:69px"></div>

在你的 gameTable 之后但在你的分数之前，这意味着屏幕底部总会有 69 个额外像素的间隙，所以分数栏不会覆盖任何东西。

于 2012-12-12T04:45:22.397 回答
0

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

padding-bottom:69px;/* height of bottom bin*/
于 2012-12-12T05:01:23.877 回答