Definir uma altura vertical e relativa a um elemento

Às vezes, gostaríamos de poder definir uma altura vertical para um elemento.
Isso é simples, utilizando valores fixos (em pixels, por exemplo), mas é mais complicado utilizando alturas relativas (em porcentagens).

Este problema é, muitas vezes, encontrado quando utilizamos imagens de fundo para criar uma borda, com um certo estilo, a um elemento.

Solução

Para definir uma altura vertical e relativa a um elemento, é preciso que cada um de seus elementos parentes tenha uma altura definida também.

Por conseguinte, é necessário definir uma altura aos tags html, body e todas os tags que contêm o elemento que deve ter uma determinada altura.
Isso dá, por exemplo:

html,body,div#corps,div#tous_mes_elements{height:100%}

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'Definir uma altura vertical e relativa a um elemento', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade