Por que o margin-top não funciona para baixar a caixa amarela? [duplicado
Esta pergunta já tem uma resposta aqui:
Por que esse estilo CSS de margem superior não funcion 11 respostasNão se importe com as linhas comentadas. Estou experimentando o modelo da caixa, mas parece que não consigo descobrir por que não consigo usar a margem superior para soltar um pouco a caixa amarela? Posso usar a margem esquerda para fazer com que ela se mova para a direita, o que me parece estranho ... Obrigado.
Gostaria de entender por que isso acontece:)
.largebox {
width: 800px;
height: 350px;
background-color: #00f;
//padding-left: 50px;
margin-left: 10px;
//border: 2px solid black;
}
.box1 {
width: 250px;
height: 300px;
background-color: #ff0;
//display: inline;
//float: left;
//margin-right: 0px;
margin-left: 50px;
margin-top: 25px;
}
<div class="largebox">
<div class="box1"></div>
</div>