下面的html页面包含一个页脚（位置：固定）和一个“表格”（位置：绝对）。
我的问题：当我向下滚动时，如何防止工作表的底端隐藏在页脚下方？
我所有的填充和边距尝试都失败了（请仅使用html / css解决方案。）
的CSS
body {
background: green; }
.Background {
top: 0px;
right: 0px; }
.Footer {
position: fixed;
bottom: 0;
left: 0px;
height: 30px;
width: 100%;
background: orange;
padding: 0 10px 0 10px; }
.Sheet {
position: absolute;
top: 100px;
left: 25px;
border-style: solid;
border-width: 2px;
padding: 20px;
background: red; }
的HTML
<body>
<div class="Background">
Background</div>
<div class="Sheet">
<div style="line-height: 200px">
Sheet<br>
Sheet<br>
Sheet<br></div>
Sheet<br>
Sheet</div>
<div class="Footer">
Footer </div>
</body>
我有一系列枚举的网页，此刻，我在每个页面上都有向左和向右箭头图标，以导航到该系列中的上一页/下一页。
我的问题：实现左右滑动手势以执行相同操作的最简单（！）方法是什么？（没有其他手势，请没有复杂的解决方案，我是个流血的新手！）
预先非常感谢您的回答！