Tecnología

Inicio

Cómo quitar el espacio entre etiquetas div

Cómo quitar el espacio entre etiquetas div


etiquetas div son los componentes básicos de un sitio web, que se utiliza para organizar los diferentes bloques de contenido de una página web. De vez en cuando, puede haber demasiado espacio entre dos etiquetas div, o puede que quiera que los dos se superponen un poco. El espacio puede ser el resultado de un exceso de relleno o margen entre los dos o una de las etiquetas div estar alineado a la derecha o izquierda. De cualquier manera, el posicionamiento relativo puede ser utilizado para solaparse estas etiquetas div.

Instrucciones

1 Comience por crear una nueva etiqueta div. Si usted tiene una clase CSS que desea la etiqueta para cumplir con el punto a ella mediante la introducción:

<Div class = "yourclass"

Yourclass se sustituye por su etiqueta de CSS.

2 Agregar una etiqueta de estilo. El código resultante tendrá este aspecto:

<Div class = estilo "yourclass" =

3 Enter "position: relative;" después de estilo. Esto le dice a un navegador Web que están reposicionando la etiqueta div en base a la posición que tenía en el código se verá así.:

<Div class = estilo "yourclass" = "position: relative;

4 Definir la forma en que desea mover la etiqueta div. Por ejemplo, si no hay espacio que desea eliminar a la izquierda de la etiqueta div, introduzca "izquierda: 20px;" Los valores negativos pueden ser utilizados, tales como "derecho: 20px ;."

5 Cierre su etiqueta div. El código final será algo como:

<Div class = estilo "yourclass" = "position: relative; left: 20px; top: 10px;">

Esto moverá la etiqueta div 20 píxeles a la izquierda y 10 píxeles hacia arriba.