Solucionado
Gostaria de saber porque quando atribuo position absolute a um elemento e posteriormente, quando vou posicionalo se usar:
position: absolute;
left: 80%;ele se desloca para a direita.
e quando tento posicionar com:
position: absolute;
left: 80px;ele se desloca para a esquerda.
Porque porcentagem se desloca para a direita e pixel para a esquerda?
Bom dia Renan! Quando você utiliza o position: absolute ele ganha uma posição fixa. se você declara que é 80%, o navegador entende que é 80% da tela, consequentemente ele vai ir para direita até chegar no 80% do navegador. Se você declara que é 80px, o navegador entende que tem que andar 80px da tela, partindo do ponto absoluto. O left só está dizendo onde ele vai adicionar a quantia que você declara. Para você entender melhor, se você tirar o tamanho de 80, vai perceber que ele vai ficar na esquerda, fixo. Quando você adicionar 80px, vai andar 80px para direita, mas se você adicionar 80%, ele vai andar até 80% da tela.
Espero ter ajudado!