¿Cómo se hace una altura de divisor de envoltura fluida?

mi amigo hizo esto pero no me dirá cómo lo hizo, pero

Quiero que mi divisor de envoltura tenga una altura fluida.

Por lo tanto, debe tener un margen exacto desde la parte superior y desde abajo a 30px, y luego el envoltorio puede expandirse en relación con la altura del navegador, pero siempre estará a una distancia específica de la parte superior e inferior del navegador.

¿Y también es posible hacer una altura mínima para que no se aplaste demasiado y se convierta en una página desplazable?

Su divisor debe tener las siguientes propiedades. Esto le dará un margen superior e inferior de 30 píxeles y se ajustará con la altura de la ventana.

.divider{ position:absolute; top:30px; bottom:30px; } 

Ver ejemplo de trabajo en http://jsfiddle.net/zkebs/

Una forma simple es poner algo de relleno en para simular un margen en su

y luego hacer su

altura del 100%:

   
Where is pancake house?

Los elementos de bloque tienen ancho completo de manera predeterminada, por lo que no debe preocuparse por esa parte. El color de fondo es solo para fines ilustrativos.

Puede usar min-height: 100px; overflow-y: auto; min-height: 100px; overflow-y: auto; si desea limitar la altura y obtener una barra de desplazamiento cuando sea necesario.