Cómo detener la superposición DIV

Al utilizar contenedores DIV en el diseño de su página web, se puede sentir la necesidad de especificar la altura, la anchura y la colocación de los contenedores individuales en relación con la ventana del navegador y entre sí. Sin embargo, al hacerlo, es posible que sus contenedores DIV se solapan entre sí y hacen que su diseño visual se rompa. Afortunadamente, puede resolver este problema utilizando el elemento de estilo de visualización HTML.

Instrucciones

1 Abra la página Web con los contenedores DIV se solapan en su editor de texto preferido.

2 Mover el cursor a la etiqueta del primer contenedor DIV cuyas propiedades de visualización que desea ajustar.

3 Inserte el siguiente código en la etiqueta del contenedor DIV:

style = "display: block"

4 Repita el paso 3 con cada contenedor DIV posterior que se superpone otra.

5 Guardar y publicar su página web. Los contenedores DIV de haberla ahora se amplía para llenar el espacio horizontal disponible, ajustan sus alturas verticales para dar cabida a todo el contenido dentro de ellos, y no se superponen entre sí.