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.