IES SIERRA NEVADA Curso 2015/2016
2º Bachillerato TIC:Tecnología de la Información y la Comunicación
La propiedad POSITION La propiedad position especifica el tipo de método de posicionamiento utilizado para un elemento.Tiene cuatro diferentes valores: •
static – relative – fixed – absolute
los elementos se colocaban atendiendo a las propiedades top,bottom,left y right. Sin embargo , estas propiedades no funcionarán a menos que la propiedad position se establezca primero.También funcionan de forma diferente en función del valor de la posición.
position: static; Los elementos HTML se colocan de forma static o estática por defecto. No afecta a las propiedades top, bottom, left, and right. Un elemento con position: static; no se posiciona en un lugar especial, siempre se posiciona acorde al flujo normal de la página
Esta capa <div> tiene position: static;
div.static { position: static; border: 3px solid #73AD21; }
position: relative; Un elemento con position: relative ; se posiciona respecto a su posición normal. Estableciendo las propiedades top,right, bottom y left de un elemento relativamente posicionado hará que se puede ajustar desde su posición normal . Otro contenido no se ajustará alo modificado por el elemento .
This <div> element has position: relative;
Francisco Manuel García Vallejo
div.relative { position: relative; left: 30px; border: 3px solid #73AD21; }
Página 1 de 5