Como criar um DIV no quadrante superior direito

Escrito por marie clay | Traduzido por josé fabián
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como criar um DIV no quadrante superior direito
Os DIVs permitem melhorar o layout da página se as posições referenciarem pontos da janela (Comstock/Comstock/Getty Images)

Criar um site da web é um processo complexo; se quiser assegurar que sua página será exibida de maneira correta e consistente a todos os usuários, deverá criar cada elemento corretamente. Ao tentar adicionar elementos como DIVs, você pode querer colocá-los em alguma parte específica da tela. Faça-o com o uso de um código que funcione em todos os navegadores.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Insira um DIV na seção "body" do código digitando "<div>" para abri-lo e "</div>" para fechá-lo. Todo o conteúdo inserido entre as tags formará parte do DIV.

  2. 2

    Adicione um espaço depois de "div" na tag de abertura e adicione um atributo de estilo digitando "style =" antes de fechá-lo. O atributo controlará o tamanho e a posição do DIV.

  3. 3

    Digite "position: fixed; top: 0px; right: 0px;", incluindo as aspas, depois do sinal de igual. Isso indicará que o DIV deve ser exibido em uma posição fixa, no canto superior direito da tela.

  4. 4

    Altere o número de pixels dos atributos "top" e "right" para mover o DIV para baixo e para a esquerda, respectivamente, a partir do canto da página. O seguinte código criará um DIV no canto superior direito:

    <div style = "position: fixed; top: 0px; right: 0px"> Conteúdo do DIV aqui </div>

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível