Esta pregunta ya tiene una respuesta aquí:

No importa las líneas comentadas. Estoy experimentando con el modelo de caja, pero parece que no puedo entender por qué no puedo usar el margen superior para dejar caer un poco el cuadro amarillo. Puedo usar el margen izquierdo para que se mueva hacia la derecha, así que eso me parece extraño ... Gracias.

Me gustaría entender por qué sucede esto:)

.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>