Solucionado
Neste exercício, o resultado correto é que a caixa 4 ficaria a frente da caixa 3 (4 - >3), mas pelo que entendi no vídeo e na explicação, a ordem dos floats vai de acordo com a posição da tag no html. Levando isso em consideração, podemos dizer que o 3 viria antes do 4, sendo assim, o correto seria a caixa 3 aparecer primeiro, e depois a 4. Ficou meio confuso agora.
Samuel a caixa 4 ficou ao lado da 3 porque a caixa 3 ja esta com float: right!!!
Nesse cenario seria as seguintes regras css:
caixa 1 e 2: float left;
caixa 3 e 4: float right;
Segue abaixo um exemplo que eu montei no jssfiddle, da uma conferida la e faça algumas mudanças.
https://jsfiddle.net/mahenrique94/odved9gf/
Veja se fica mais claro.
Agora sim entendi Matheus Castiglioni. Obrigado.
De nada Paulo
Obrigado Matheus. Agora ficou mais claro.
Tinha ficado com a mesma dúvida do Samuel, mas o exemplo do Matheus esclareceu. Parabéns!
De nada galera, sempre que precisarem é só criar suas dúvidas.
Obs: se quiserem tem um post no meu blog sobre o mesmo assunto: http://blog.matheuscastiglioni.com.br/Posicionamento-CSS-mais-a-fundo
No video da a entender que sempre vai empilhando a esquerda ou a direita de acordo com o float selecionado, porem deve-se levar em consideração as ordens da tag no html. Ex: Se uma tag vem antes de outra no html, essa ordem prevalecerá quando vc aplicar float em ambas. Que loucura! haha
agora sim ficou bem mais esclarecedor.