Resumo de propriedades de exibição e visualização no CSS

Para controlar o layout a propriedade mais importante é o display. O display vai permitir especificar como o elemento será exibido. Sabendo que o valor de exibição padrão nas maiorias dos elementos é block ou inline, dessa forma irá alterar a forma como o elemento é exibido e não o tipo de elemento que é. 

Mas além dos display existem outras propriedades que auxiliam nos ajuste do layout:

• bottom - Define a borda da margem inferior para uma caixa posicionada.
• box-sizing - Define como a largura e a altura de um elemento são calculadas: devem incluir preenchimento e bordas ou não.
• clear - Específica o que deve acontecer com o elemento que está próximo a um elemento flutuante.
• clip - Recorta um elemento posicionado absolutamente.
• display - Específica como um elemento deve ser exibido.
• float - Especifica se um elemento deve flutuar para a esquerda, direita ou nada.
• left - Define a borda da margem esquerda para uma caixa posicionada.
• overflow - Específica o que acontece se o conteúdo ultrapassar a caixa de um elemento.
• overflow-wrap - Especifica se o navegador pode ou não quebrar linhas com palavras longas, se elas ultrapassarem seu contêiner.
• overflow-x - Especifica o que fazer com as bordas esquerda/direita do conteúdo se ultrapassar a área de conteúdo do elemento. 
• overflow-y - Especifica o que fazer com as bordas superior/inferior do conteúdo se ultrapassar a área de conteúdo do elemento. 
• position - Especifica o tipo de posicionamento de um elemento.
• right - Define a borda da margem direita para uma caixa posicionada.
• top - Define a borda da margem superior para uma caixa posicionada.
• visibility - Especifica se um elemento deve ou não ser visível.
• z-index - Define a ordem de pilha de um elemento.