Como faço para ajustar a altura da caixa em relação a um tamanho da janela em css?

A propriedade altura em CSS é usado para dar altura a elementos em uma página web. A propriedade deve ser definida como uma percentagem para fazer a altura em relação ao tamanho da janela. A propriedade altura deve ser definida para todo o corpo da página, bem como o elemento que você deseja redimensionar (com base no tamanho da janela). Para manter a altura a 100 por cento, o "min-height" propriedade pode ser utilizada bem.

Coisas que você precisa

  • arquivo CSS
  • Editor de texto
  • Abra o arquivo CSS em um editor de texto, como o Bloco de Notas do Windows ou editar texto para Mac clicando em "Arquivo" e "Aberto".

  • Adicione a propriedade altura para as tags HTML e do corpo. Por exemplo: html, body {height: 100% -}.

  • Adicione a propriedade min-height para o elemento que você deseja redimensionar. Se a ID do elemento é "caixa," em seguida, o código ficaria assim: #box {min-height: 100% -}.

  • Use o seletor estrela hack para definir a altura mínima para o IE 6. IE 6 não irá utilizar CSS padrão sem hacks forçando o navegador para "Veja" no código. Outros navegadores não têm esse problema. Para suportar o IE 6, use o asterisco antes do elemento no CSS e usar a propriedade de altura. Por exemplo: * html #box {height: 100% -}.

  • Salve o arquivo, clicando em "Arquivo" e "Salvar".

De esta maneira? Compartilhar em redes sociais:

LiveInternet