Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

position absolute junto com flexbox

Referente ao curso Layouts Responsivos: trabalhando com layouts mobile, no capítulo Ferramentas, unidades e imagens e atividade Aplicando estilos

por Victória César
| 93.4k xp | 47 posts

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!
por Jonathan Martins
| 192.5k xp | 2 posts
Analista PDI - Junior

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.