Como alterar o tamanho DIV para corresponder ao conteúdo

Abra o arquivo HTML que você deseja modificar em um editor de texto.

Passo 1

Abra o arquivo HTML que você deseja modificar em um editor de texto, como o Bloco de Notas, o TextPad ou o EditPad.

Passo 2

Role até a marca HEAD e insira o código a seguir. Isso cria um estilo que redimensiona seu DIV para o tamanho do seu conteúdo:

Passo 3

Encontre a tag DIV que você deseja redimensionar automaticamente na tag BODY. 'Class = "resize"' dentro da tag DIV para formatá-lo da seguinte maneira:

Conteúdos

Referências

  • Escolas W3: propriedade de altura CSS
  • Dummies: especifique o tamanho e a posição com CSS