Introducción al CSS

Page 81

Introducción a CSS

Capítulo 5. Posicionamiento y visualización

Además de un elemento <div> invisible, también se puede utilizar un <p> invisible o un <hr/> invisible.

5.5. Posicionamiento absoluto El posicionamiento absoluto implica que el elemento desplazado sale por completo del flujo normal del documento y por tanto, la posición del resto de elementos se determina como si no existiera el elemento desplazado.

Figura 5.16. Diferencias visuales entre el posicionamiento normal y el posicionamiento absoluto La referencia que toma el posicionamiento absoluto para determinar la nueva posición de un elemento es el primer elemento padre que esté posicionado. Si ningún elemento padre del elemento posicionado tiene establecido un posicionamiento, la referencia se toma respecto del documento HTML completo. El siguiente ejemplo muestra las diferencias entre un elemento padre posicionado y otro que no lo está: Situación original:

www.librosweb.es

81


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.