Tenga un div anclado en la parte superior de la página, un div anclado en la parte inferior de la página y luego coloque un div en el medio que pueda arrastrarse hacia abajo más allá de ese div, pero los divs superior e inferior siguen siendo los mismos. .
lt;style?type="text/css"gt;
cuerpo{margin: auto;}
.top{posición: fija;?top:0;?left:0 ;? ancho: 100;? alto: 20px;? fondo: #933;}
.cn{alto: 5000px;? fondo: #F9C;?
.foot{posición: fijo; ?abajo: 0; ?izquierda: 0; ?ancho: ?alto: 20px; lt;div?class="top"gt;
div fijo superior
lt;/divgt;
lt;div?class="cn" gt;
Área de contenido lt;pgt;
Área de contenido lt;pgt;
Área de contenido lt;pgt;
área de contenido lt;pgt;
área de contenido lt;p gt;
Área de contenido lt;pgt;
Área de contenido lt;pgt;
Área de contenido lt;pgt;
Área de contenido lt;pgt;
lt;/divgt;
lt;div?class="foot"gt;
Div fijo inferior
lt;/divgt;
Esto es solo una prueba de la altura del contenido; de hecho, la altura del área de contenido (el middle div) Puede ser ilimitado
lt;/div?