Html 位置：修复了滚动过远的问题

我的问题是关于此图像中的布局：

右上角的白色框=内容框 底部的黑线=页脚栏 右边的框=侧边栏框 侧边栏用CSS设置为position:fixed，因此它将跟随用户的滚动

问题是，在小屏幕上，用户可能会滚动太远，这意味着边栏框将比页脚栏更向下

如何使边栏在点击页脚之前停止20像素

CSS代码：

---

我会尝试调整边栏边距底部。你的HTML是什么？

如果你想让内容框不再随着缩放而变大，我想你必须使用javascript。如果我没弄错你的问题，那内容就太多了。尝试使用以下方法：

div#footer
{
width: 100%;
min-width:1024px;
height: 30px;
border: 1px solid black;
background:#252525;
position: relative;
text-align:center;
padding-top:10px;
color:#555;
}

---

试试底部：20px；属性。显示html和css代码放置位置：相对于页脚，只需将侧边栏框设置为页脚栏的后面。这就产生了一个新问题，侧边栏将如何向上移动。它将在header/menui中一直向上滚动。在这种情况下，我只能看到两种可能的解决方案。1是你把你的侧边栏放在另一个div中，比如说侧边栏容器，使该div位置：固定，并给它填充底部：20px和移除位置：从侧边栏固定；2是使用一些javsascript，在每次滚动时检查滚动顶部，并从侧边栏删除位置：固定，并在滚动向上移动时将其添加回。这是有点复杂和零碎。

div#footer
{
width: 100%;
min-width:1024px;
height: 30px;
border: 1px solid black;
background:#252525;
position: relative;
text-align:center;
padding-top:10px;
color:#555;
}