CSS Box Model
. Los elementos de nivel de bloque se inician automáticamente en una nueva línea (piense en encabezados, párrafos y divs) mientras que los elementos en línea se ubican dentro del contenido que lo rodea (como imágenes o tramos). El diseño predeterminado de los elementos de esta manera se denomina normal flow
de un documento, pero CSS ofrece la propiedad de posición para anularlo. Cuando la posición de un elemento se establece en relative
, le permite especificar cómo CSS debe moverlo en relación con su posición actual en el flujo normal de la página. Se empareja con las propiedades de desplazamiento de CSS de left
o right
, y de top
o bottom
. Estos dicen cuántos píxeles, porcentajes o ems para mover el elemento lejos de donde normalmente se coloca. El siguiente ejemplo aleja el párrafo 10 píxeles de la parte inferior: pag {Cambiar la posición de un elemento a relativa no lo elimina del flujo normal; otros elementos a su alrededor todavía se comportan como si ese elemento estuviera en su posición predeterminada. Nota
posición: relativa;
abajo: 10px;
}
position
del h2
a relative
, y use un desplazamiento de CSS para alejarlo 15 píxeles de la top
de donde se encuentra en el flujo normal. Observe que no hay impacto en las posiciones de los elementos h1 yp circundantes. h2
debe tener una propiedad de position
establecida en relative
.
testString: 'assert($("h2").css("position") == "relative", "The h2
element should have a position
property set to relative
.");'
- text: Su código debe usar un desplazamiento de CSS para colocar relativamente el h2
15px lejos de la top
de donde normalmente se encuentra.
testString: 'assert($("h2").css("top") == "15px", "Your code should use a CSS offset to relatively position the h2
15px away from the top
of where it normally sits.");'
```
I still think the h2 is where it normally sits.
```