Cómo agregar barras de desplazamiento en un DIV (En 6 Pasos)

Por chris hoke

John Foxx/Stockbyte/Getty Images

Un DIV es un cuadro contenedor que puedes utilizar para dar estilo y mostrar un texto, imágenes y otros elementos web. Puedes utilizar DIV contenedores para formar la estructura básica de tu página web dividiendo las áreas de la página. Si tienes un DIV contenedor en el que deseas mostrar más texto del que pueda entrar en un área de tu página web, puedes agregar una propiedad en el rótulo DIV que muestra barras de desplazamiento y utilizarlas para desplazar contenido en el DIV.

Paso 1

Haz clic derecho en tu documento de la página web en un editor de texto para abrirlo, luego haz clic en "Abrir con". Elige "Bloc de notas" o "WordPad" desde la lista de programas disponibles y luego haz clic en "Aceptar".

Paso 2

Haz clic para colocar tu cursor en la línea de código donde deseas colocar el DIV contenedor. Presiona "Enter" (o Intro) para crear una línea en blanco, si es necesario.

Paso 3

Escribe "

" en la línea en blanco. Esta abertura del rótulo DIV creará un contenedor de 100 pixeles de alto y 400 pixeles de ancho (puedes modificar los valores de altura y anchura según sea necesario, pero debes definirlos). La propiedad "overflow:scroll;" crea barras de desplazamiento que permiten que los usuarios se desplacen a través del contenido en el DIV. Presiona "Enter".

Paso 4

Escribe o pega el texto, rótulos de imagen, enlaces u otro contenido que desees mostrar en el DIV contenedor, luego presiona "Enter". Si el contenido agregado en este paso excede los valores de altura y anchura definidos en el paso 3, las barras de desplazamiento se activarán y se pueden usar para mover el contenido en el DIV.

Paso 5

Escribe el rótulo de cierre "

" para cerrar el código del DIV contenedor.

Paso 6

Haz clic en el menú "Archivo" y luego en "Guardar" para guardar el documento de la página web.