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 ?
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 ?
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!