51问答网 > 如何用div实现页面上下部分固定，中间部分随滚动条移动而移动的代码？

如何用div实现页面上下部分固定，中间部分随滚动条移动而移动的代码？

2024-11-26 16:45:38

推荐回答（2个）

回答1：

代码详情如下，直接使用即可！

.content1{
overflow: hidden;
overflow-y:scroll;
SCROLLBAR-FACE-COLOR:#205e17;
SCROLLBAR-SHADOW-COLOR:#86ff92;
SCROLLBAR-SHADOW-COLOR:#86ff92;
SCROLLBAR-3DLIGHT-COLOR:#205e17;
SCROLLBAR-TRACK-COLOR:#205e17;
SCROLLBAR-DARKSHADOW-COLOR:#205e17;
SCROLLBAR-BASE-COLOR:#205e17;
SCROLLBAR-ARROW-COLOR:#86ff92;
height:700px;
width:748px;
}
中间的div就用下面的，样式是上面的。

回答2：

1、头部定义一个div，固定高度，设置绝对定位(position:absolute)，设置上边距(top:0);

2、底部定义一个div，固定高度，设置绝对定位(position:absolute)，设置下边距(bottom:0);

3、中间定义一个div，设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute)，设置top和bottom，top的值等于头部div的高度，bottom的值等于底部div的高度

示例



    
	
	




	定义顶部

content定义中间

footer定义底部