Definir uma altura vertical e relativa a um elemento

Setembro 2017

À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%}



Tradução feita por Lucia Maurity y Nouira

Veja também

Artigo original publicado por deri58. Tradução feita por pintuda. Última modificação: 25 de fevereiro de 2011 às 19:18 por pintuda.
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.