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

Margin em DIV dentro de outra

Boa tarde,

estou com um problema meio confuso.

tenho um div Pai que tem a sua filha como outra div, o problema é que eu não consigo aplicar uma margin-top: 1em para a filha sem que a div Pai também seja afetada pelo efeito da filha, e se coloco um padding-top no Pai ele aumenta meu height não quero ter que usar position.

html:

<body>
    <div class="cabecalho">

        <div class="container">


        </div>

    </div>
</body>

css:

.cabecalho{
    background-color: red;
    width: 100%;
    height: 5em;
}

.container{
    background-color: green;
    width: 70%;
    height: 3em;
    margin: auto;
}

Tem alguma forma de fazer isso?

obrigado.

2 respostas
solução!

Oi Gabriel, tudo bem?

Voce poderia colocar um padding-top na div pai e resolveria.

Outra forma seria colocar um position absolute na filha tambem.

Fiz essas duas solucoes nesse JSbin aqui.

Espero ter ajudado e bons estudos,

Abcs!

Natan tudo bem e vc ?

então cara já tinha usado o padding-top na div pai, mas ele aumenta meu height do próprio pai.

Eu não queria trabalha com position porque ele tira o elemento do fluxo.

conseguir resolver com o display: flex.

obrigado pela atenção.

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