Existem quatro tipos de layouts:
No layout fixo, as medidas são fixas, logo não existe alteração da estrutura da página quando se muda de resolução e ou de dimensão do monitor.
O layout elástico, tem a aparência de um layout fixo, mas aumentando ou diminuindo a fonte o layout acompanha o redimensionamento da fonte. É um layout flexível porque é constituído por unidades de medida relativas, a largura é relativa à largura da fonte do browser utilizado. Temos sempre o mesmo número de linhas e palavras se aumentarmos ou diminuirmos o layout com a janela do browser.
O layout liquido, usa colunas em percentagem. Ao redimensionar o browser o layout adapta-se ao tamanho.
O layout hibrido, é uma combinação do elástico e do liquido.Ppor exemplo, podemos ter o conteúdo de uma div em ems (font-size: 1 em;)e o conteúdo de outra em percentagem (font-size: 100%). Logo uma DIV vai manter sempre a sua estrutura, outra vai adaptar-se face ao redimensionamento da janela do browser.