Guías de Make it Real
Search…
Posicionamiento
La propiedad CSS
position define el tipo de posicionamiento para el elemento. Los posibles valores son:static: el valor por defecto.relative: relativo a su ubicación normal.fixed: fijo en la ventana del navegador.absolute: relativa el ancestro más cercano con posiciónrelativeo a la ventana del navegador.
Los valores
relative, fixed y absolute se utilizan generalmente en conjunto con las propiedades top, left, bottom y right.position: relative
position: relativeNos permite mover el elemento a una ubicación relativa a su posición original utilizando las propiedades:
left, top, right, bottom.1
p {
2
position: relative:
3
top: 20px;
4
left: 20px;
5
}
Copied!
En lo posible se recomienda mejor utilizar
margin.position: relative se utiliza más para posicionar elementos de forma absoluta dentro del elemento.position: absolute
position: absoluteNos permite ubicar un elemento a una ubicación relativa al ancestro más cercano que esté posicionado con
position: relative, o a la ventana del navegador en su defecto.Se utilizan las propiedades
top, left, right y bottom para ubicar el elemento.1
p {
2
position: absolute:
3
left: 100px;
4
top: 100px;
5
}
Copied!
position: fixed
position: fixedEsta propiedad nos permite ubicar un elemento de manera fija relativamente a la ventana del navegador. No importa si se utilizan las barras de desplazamiento, el elemento va a permanecer fijo en su posición.
1
div.fixed {
2
position: fixed;
3
bottom: 0;
4
right: 20px;
5
}
Copied!
Last modified 4yr ago
Copy link