El siguiente esquema de diseño que ofrece CSS es la posición fixed , que es un tipo de posicionamiento absoluto que bloquea un elemento en relación con la ventana del navegador. Similar al posicionamiento absoluto, se usa con las propiedades de desplazamiento de CSS y también elimina el elemento del flujo normal del documento. Otros elementos ya no se "dan cuenta" de dónde se coloca, lo que puede requerir algunos ajustes de diseño en otros lugares. Una diferencia clave entre las posiciones fixed y absolute es que un elemento con una posición fija no se moverá cuando el usuario se desplace.

La barra de navegación en el código está etiquetada con una identificación de la navbar de navbar . Cambie su position a fixed , y desplace 0 píxeles desde la top y 0 píxeles desde la left . Observe el (falta de) impacto en la posición h1 , no se ha empujado hacia abajo para acomodar la barra de navegación y debería ajustarse por separado.

```yml tests: - text: 'El elemento #navbar debe tener una position establecida como fixed .' testString: 'assert($("#navbar").css("position") == "fixed", "The #navbar element should have a position set to fixed.");' - text: 'Su código debe usar la compensación de CSS top de 0 píxeles en el elemento #navbar .' testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the top CSS offset of 0 pixels on the #navbar element.");' - text: 'Su código debe usar el desplazamiento de CSS left de 0 píxeles en el elemento #navbar .' testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the left CSS offset of 0 pixels on the #navbar element.");' ```