我的问题是关于这张图片中的布局:
- 右上角白框=内容框
- 底部的黑线=页脚栏
- 右边的框 = 侧边栏框
侧边栏使用 CSS 设置为 position: fixed
,因此它会跟随用户滚动。
问题是,在小屏幕尺寸上,用户可以滚动得太远,这意味着侧边栏框将比页脚栏更靠下。
如何让侧边栏在到达页脚之前停止 20 像素?
CSS 代码:
div#sidebar
{
margin: 20px 0px 20px 20px;
width: 270px;
height: 295px;
border: 1px solid #CCC;
background-color:#FFF;
padding: 20px;
position:fixed;
left: 730px;
}
div#content
{
margin: 20px 0px 20px 0px;
width: 650px;
height: 600px;
border: 1px solid #CCC;
background-color:#FFF;
float: left;
padding: 20px;
}
div#footer
{
width: 100%;
min-width:1024px;
height: 30px;
border: 1px solid black;
background:#252525;
text-align:center;
padding-top:10px;
color:#555;
}
最佳答案
我会尝试调整 #sidebar
margin-bottom
。你的 HTML 是什么?
关于html - 位置 : fixed scrolls too far,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16379099/