Cómo evitar que se solapen DIV CSS

"Div" elementos de etiqueta HTML proporcionan a los desarrolladores con los contenedores, por lo que puede dar formato al texto y diseños en sus páginas web. El ajuste de un div por defecto permite la superposición de texto con respecto a otros elementos div en sus páginas. Puede anular esta configuración predeterminada estableciendo la propiedad "desbordamiento" para desplazarse o recortar el texto superpuesto. Esto significa que una barra de desplazamiento se muestra o el texto se corta si se extiende la anchura o la altura del elemento div.

Instrucciones

1 Haga clic en el archivo HTML que contiene el elemento div que desea editar. Haga clic en "Abrir con" en el menú emergente. Haga doble clic en el editor de HTML que desea utilizar para editar las propiedades de la etiqueta div.

2 Desplazarse por la página HTML en el div que desea editar. También se puede hacer una búsqueda rápida para el elemento pulsando la tecla "Ctrl" y "F" Esta combinación de teclas abre el cuadro de texto "Buscar". Escribe el nombre de la etiqueta div en el cuadro de texto y pulse "Enter".

3 Escriba el siguiente código CSS en la etiqueta div para añadir una barra de desplazamiento para el elemento si el texto se desborda:

overflow: desplazarse;

Si desea recortar el texto y dejar de lado la barra de desplazamiento, utilice el siguiente código CSS en su lugar:

sobrecarga oculta;

4 Y pulse la combinación de teclas "Ctrl" "S" para guardar los cambios. Si desea ver los cambios antes de la publicación de su sitio web, haga doble clic en el archivo HTML en su disco duro para verlo en su navegador.