Definir uma altura vertical e relativa a um elemento

Dezembro 2016

À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 :
Este documento, intitulado « Definir uma altura vertical e relativa a um elemento »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.