¿Hay una manera de especificar desbordamiento de CSS?

Question

He estado usando una gran cantidad de position:relative; en mi diseño, me resulta la forma más fácil de conseguir todo cuando los necesito para ser.

Sin embargo, cuanto más artículos que añado en mi sitio (cada uno con su div individuales), cada uno termina más y más en la parte inferior de mi página, así que tengo que colocar manualmente superior.

Esto deja una gran cantidad de espacio vacío en la parte inferior, y pensé que la adición de height: 1000px; limitaría el desplazamiento un poco, pero no parece que este método funcione.

Incluso he intentado añadir height: 1000px; a la envoltura y todavía no funciona.

¿Cómo puedo limitar el desplazamiento vertical, con el número de píxeles que he elegido?

Muchas gracias de antemano.

Answer 1

Espera, por lo que está creando un div, utilizando la posición relativa para mover el contenido del div a la ubicación correcta, y la cuestión es que la propia etiqueta div se encuentra todavía en el mismo lugar y la creación de un desplazamiento vertical a pesar de que hay contenido allí?

Si es así usted debe buscar en los flotadores.

Estos son algunos tutoriales.

• Floatutorial
• Aprender CSS Posicionamiento en diez pasos

Answer 2

Puede especificar la altura y el desbordamiento:

.someClass
{
    height:1000px;
    overflow:scroll;
}

Los valores más comunes de desbordamiento son de desplazamiento, de automóviles, y oculto.

Answer 3

Para limitar la distancia que alguien pueda desplazarse, creo que había necesidad de utilizar JavaScript. No estoy seguro de cómo, pero no puedo pensar en nada en el CSS que hacer eso.

Si usted está buscando para establecer cuando algo debe desplazarse en lugar de simplemente ser cortado o ampliar la etiqueta, overflow:auto; uso.