Um elemento de imagem no corpo que tem uma altura de 50% terá a metade da altura da área do cliente. Mesmo que a imagem se encontra mais abaixo na página da Web e você tem que rolar para baixo para vê-lo, se a altura foi dado como 50%, quando você vê-lo, ele será de 50% da altura área de cliente. Falando sobre contendo elemento, se a imagem for em um elemento DIV, que está no elemento BODY, em seguida, a imagem no elemento DIV com uma largura de 50% deve ocupar uma largura de 50% do elemento DIV; que é efetivamente largura de 25% da área do cliente.
A largura padrão CORPO ElementThe do elemento BODY é o da área do cliente. A altura do elemento BODY pode sempre medida para baixo abaixo da área do cliente, e você vai ter que rolar para baixo para ver os elementos da parte inferior do corpo para baixo. Saibam que sempre que você dá dimensões (largura e altura), em percentual, para qualquer elemento no organismo, a porcentagem é relativo às dimensões (largura e altura) da área do cliente, e não a largura e altura do elemento BODY. A esta luz, o elemento BODY é um excepcional contendo elemento.
Com outros elementos, contendo a largura e a altura de um elemento em percentagem que tem, é relativa à largura e altura dos contendo element.Fonts e altura do Contendo ElementsAssume que não dar a unidade de pixels para as dimensões de uma contendo elemento, quando a resolução da muda, o tamanho real do elemento contendo mudará. Texto no elemento que contém normalmente passará para se ajustar à nova largura do elemento que contém. Assim, o tipo de letra, normalmente, não representar um problema com a mudança resolução.
O tamanho da fonte do caráter pode mudar um pouco como as alterações de resolução, mas isso geralmente não é um grande negócio. Até agora, como fontes (texto) ou outros elementos em linha estão em causa, o problema é normalmente com a altura do elemento que contém. Imagine que você tem dois elementos, contendo um acima