Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

position absolute junto com flexbox

Olá todo mundo, olhando a folha de estilo do cabeçalho percebi que utiliza o position absolute junto com a propriedade de display flexbox. Ainda não entendi muito bem o conceito de position, tem algum vídeo sobre aqui na alura? Alguém poderia explicar melhor? Segue o código CSS

.cabecalho {
    color: #FFF;

    width: 100%;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding-top: .75rem;
    padding-bottom: .75rem;

    border-bottom: 1px solid #103D4A;

    position: absolute;
}
1 resposta
solução!

Olá. Não sei se já encontrou a resposta, mas acredito que o flex diz respeito ao posicionamento dos elementos dentro do container, nesse caso o cabeçalho, e o position o posicionamento do próprio container. Dos valores que position pode receber o "absolute" cria um novo contexto para o elemento que a recebe e esse contexto fica na frente do do Browser. É como se o elemento se descolasse da tela e ficasse "flutuando" um pouco acima dela.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software