If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal
Tempo atual:0:00Duração total:2:13

Transcrição de vídeo

eu vou mostrar agora um exemplo de posição em dizer em css no google maps maioria de vocês já deve ter usado o google maps ou um tipo de serviço de mapeamento online para ajudá lo a encontrar o que você procura essas coisas são bem legais mesmo podemos navegar por ali aproximar afastar e podemos procurar coisas já que estou em barcelona agora vou procurar a sagrada família que esta bela igreja isso é na verdade html css e javascript mas deixa eu te mostrar todos os índices e acontecendo aqui todos os diferentes elementos que vemos foram posicionados ano css para estar um sobre o outro e eles estão usando em dizer de um modo muito particular para certificar que a ordem está precisamente correta agora vou usar o console do chrome para te mostrar algumas coisas este mini mapa aqui no canto tem posição absoluta bottom com valor de zero pixel e esquerda 0 pixel e um dizer com o valão isso deve colocá-lo acima de alguma coisa com o índice zew de valor zero este cartão flutuante que aparecem todas essas opções aqui tem posição fixa em seguida um teaser com valor 10 e por isso vai aparecer no topo de um monte de coisas o botão de ontem em dizer com valor 2 isso significa que ele vai ficar debaixo do cartão flutuante vamos apenas mover isso pra cá e ver o que acontece viu o cartão flutuante aparece em cima do botão de zoom porque ele tem um dizer com valor 4 eo botão de ontem 11 em dizer que o valor 2 como você pode ver no o maps usa várias posições em 17 s para posicionar todo o mapa e os controles em cima dele além de vários outros códigos css javascript agora você pode começar a entender como outros sites são construídos esse é o poder do css