Cómo eliminar la superposición de DIV

Escrito por matthew weeks | Traducido por john font
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo eliminar la superposición de DIV
Puedes eliminar la superposición de contenedores DIV mediante el ajuste de sus propiedades de pantalla. (Stockbyte/Stockbyte/Getty Images)

Al usar contenedores DIV en el diseño de tu página web, es posible que sientas la necesidad de especificar la altura, el ancho y la ubicación de cada uno de ellos de forma individual con respecto a la ventana del navegador entre sí. Sin embargo al hacerlo podrás encontrar que tus contenedores DIV se superponen unos con otros y realizan el diseño visual el cual falla. Afortunadamente, puedes resolver este problema mediante el elemento de visualización de estilo de HTML.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la página web con la superposición de contenedores DIV, utilizando tu editor de texto favorito.

  2. 2

    Mueve el cursor a la etiqueta del contenedor DIV para desplegar las propiedades del elemento que desees ajustar.

  3. 3

    Coloca la siguiente línea de código dentro del contenedor de la etiqueta DIV:

    style="display:block"

  4. 4

    Repite el Paso 3 con cada subsiguiente contenedor DIV que se esté superponiendo sobre otro.

  5. 5

    Guarda y publica tu página web. Los contenedores DIV que has ajustado, ahora se estirarán para llenar el espacio horizontal disponible, ajusta sus alturas verticales para dar cabida a todo el contenido en su interior y para que no se solapen entre sí.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles