Manual de referência CSS

CSS @regras (RULES)

大全 de Atributos CSS

Propriedade quotes do CSS CSS3 Perspectiva-Atributo origin

Métodos de uso e exemplos da propriedade CSS position

A propriedade CSS position especifica como o elemento é posicionado.

A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:	static
Aplicável a:	Todos os elementos
Herança:	Nenhum
Animável:	Não.Veja: Propriedades de animação。
Versão:	CSS 2,3
Sintaxe do JavaScript:	objeto.style.position="absolute"

Dica:Os elementos além do position do elemento static são chamados de alinhamento. Eles ocupam uma posição vertical no ambiente empilhado determinada por z-decidido pelo atributo index.

Sintaxe de uso do position

A sintaxe dessa propriedade é a seguinte:

static | relative | absolute | fixed | sticky | initial | inherit

O exemplo a seguir demonstra como usar o atributo position.

Exemplo

　　h1　{
　　　position: absolute;
　　　superior:　100px;
　　　esquerda:　150px;
　　}

Teste e veja‹/›

Atenção: Para tipos de mídia de impressão, a caixa é apresentada em cada página e é fixa em relação à caixa da página, mesmo que a página seja vista através de um viewport (por exemplo, no modo 'visualização de impressão').

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
static	A caixa desse elemento é uma caixa normal, conforme o processo normal de alinhamento. Para caixas estáticas,superior，direita，inferior，esquerda，ez-indexA propriedade será ignorada. Este é o valor padrão.
relative	O elemento é posicionado em relação à sua posição normal (chamada de posição no fluxo normal).
absolute	O elemento é posicionado em relação ao primeiro ancestral que não é estático.
fixed	O elemento é fixo em relação ao viewport da tela e não se move ao rolar. Ao imprimir, o elemento será impresso em cada página.
sticky	A posição desse elemento é semelhante a uma caixa colocada de forma relativa e 'colada' ao seu ancestral mais próximo com 'mecanismo de rolagem'.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do atributo position do pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo position, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+