Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Propriedades Display e Position

Boa tarde!

Ambas as propriedades Display e Position trabalham com posicionamento do elemento. Qual a diferença crucial das duas e como saber qual melhor aplicar em um projeto ?

2 respostas
solução!

Oi, tudo bem?

O display e o position, tem relação com o posicionamento mas não quer dizer que o fato de utilizar um não necessariamente não se utiliza o outro, pelo contrário, você muitas vezes vai usar os dois. Como por exemplo, você deseja fazer um menu fixo no topo de uma página web, provavelmente, você usará position: fixed e um display: flex para dispor os elementos dentro do container de navegação.

A diferença entres eles, está que o display diz em que tipo de caixa de renderização estará o conteúdo que foi definido com o display. Por exemplo, se você usar o display: grid em um determinado container, você está especificando que aquele container terá um comportanto de grid, assim como, display: block, que terá um comportamento de bloco. Já o position define o posicionamento do elemento, se vai ser fixo, se vai relativo ao posicionamento do body ou do elemento pai, ou se será absoluto.

Display define o comportante do elemento. Position define o posicionamento do elemento.

https://www.w3schools.com/cssref/pr_class_position.asp https://www.w3schools.com/cssref/pr_class_display.asp

Pegou a ideia? Qualquer dúvida é só falar :}

Bons estudos!

Olá Lais, estou bem sim!

Compreendi sua explicação. Muito obrigado pela ajuda, excelente didática!