propiedad de posición CSS
Ejemplos
Localización <h2> elemento:
{
position: absolute;
izquierda: 100px;
top: 150px;
}
Trate »
En la parte inferior de esta página para más ejemplos.
Definiciones de atributos e instrucciones
atributo especifica el tipo de posición de un elemento método de posicionamiento (estática, relativa, absoluta o fija).
| Por defecto: | estático |
|---|---|
| herencia: | no |
| Version: | CSS2 |
| la sintaxis de JavaScript: | objeto .style.position = "absoluta" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
| 属性 | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
propiedad Valor
| valor | descripción |
|---|---|
| absoluto | Generar elementos posicionados absolutos, en relación con el primer elemento de matriz colocada fuera de la posición estática. Posición del elemento de la "izquierda", "superior", "derecho" y el atributo de "abajo" especificado. |
| fijo | Generar la posición absoluta de los elementos relativos a la colocación ventana del navegador. Posición del elemento de la "izquierda", "superior", "derecho" y el atributo de "abajo" especificado. |
| relativo | Generación de elemento de posicionamiento relativo, el posicionamiento con relación a su posición normal. De este modo, "se fue: 20" añade 20 píxeles a la posición de la izquierda del elemento. |
| estático | Predeterminado. Ningún elemento de posicionamiento se produce en el flujo normal (haciendo caso omiso de la parte superior, inferior, declaración de la izquierda, derecha o z-index). |
| heredar | Disposiciones deben heredar la posición de valor de la propiedad del elemento padre. |
más ejemplos
Position: relative
Este ejemplo demuestra un elemento con relación a su posición normal, la forma de localizar.
Artículos relacionados
CSS tutorial: Posicionamiento CSS