Como colocar uma Div dentro de outra Div

Escrito por marie clay | Traduzido por rebecka villarreal
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como colocar uma Div dentro de outra Div
Para personalizar a aparência e organização do seu site, você pode colocar uma divisão dentro de outra (Comstock/Comstock/Getty Images)

No design e programação de um site, você pode achar que uma divisão, ou DIV, não está sendo exibida corretamente ou precisa organizar seu conteúdo. Um método para corrigir alguns problemas de alinhamento e organizar o conteúdo de sua divisão é criar uma DIV aninhada. A DIV aninhada é uma divisão colocada dentro de outra. Ela permite que os programadores desenvolvam sites sem o uso de tabelas ou outros meios mais antigos de formatação e posicionamento.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Clique para colocar o cursor antes do início da sua DIV interior.

  2. 2

    Digite "<div id = "onomedasuadiv" width = "##" height = "##">" sem as aspas externas. Substitua "onomedasuadiv" pelo nome escolhido para a divisão e substitua "# #" pelo número de pixels de largura ou altura você deseja que a DIV tenha.

  3. 3

    Clique para posicionar o cursor logo após o final da sua DIV interior.

  4. 4

    Digite "</ div>" -- sem as aspas -- para fechar a divisão exterior.

Dicas & Advertências

  • Para criar a divisão externa em um local específico, após o número de altura no seu código, digite "style =" position: absolute; left: # # px; top: # # px ";" sem as aspas externas. Substitua o "# #" pelo número de pixels à distância da parte superior e esquerda da página que você deseja que o canto superior esquerdo da divisão apareça.

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