propriedade position CSS
Exemplos
Localização <h2> elemento:
{
position: absolute;
left: 100px;
top: 150px;
}
tente »
Na parte inferior desta página para mais exemplos.
Atributo definições e instruções
atributo posição especifica o tipo de um elemento método de posicionamento (estático, relativa, absoluta ou fixo).
| padrão: | estático |
|---|---|
| herança: | não |
| versão: | CSS2 |
| sintaxe JavaScript: | objeto .style.position = "absoluto" |
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
| 属性 | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
Valor de propriedade
| valor | descrição |
|---|---|
| absoluto | Gerar elementos posicionados absolutos, em relação ao primeiro elemento pai posicionado fora do posicionamento estático. Posição do elemento pela "esquerda", "top", "direita" e atributo "bottom" especificado. |
| fixo | Gerar o posicionamento absoluto de elementos referentes ao posicionamento janela de navegador. Posição do elemento pela "esquerda", "top", "direita" e atributo "bottom" especificado. |
| parente | Gerando elemento de posicionamento relativo, o posicionamento relativo à sua posição normal. Assim, "a esquerda: 20" adiciona 20 pixels para a posição esquerda do elemento. |
| estático | Padrão. Nenhum elemento de posicionamento ocorre em fluxo normal (ignorando o superior, inferior, declaração esquerda, direita ou z-index). |
| herdar | Disposições deve herdar a posição de valor de propriedade do elemento pai. |
mais exemplos
Position: relative
Este exemplo demonstra um elemento em relação à sua posição normal, como para localizar.
artigos relacionados
CSS tutorial: Posicionamento CSS