Os elementos obedecem a fluidez onde eles estão dispostos. A terceira div
estará sempre ao lado da segunda com float: right
.
Colocando clear: left
na segunda div
, você está dizendo que nada poderá estar ao lado esquerdo dessa div
, logo ela irá ficar abaixo da primeira, e a terceira ficará na mesma linha da segunda, mas do lado direito.
Não é nem uma questão de hierarquia, já que os elementos são irmãos. As 3 div
s estão na mesma hierarquia. Apenas a segunda div
poderia ficar na mesma linha da primeira com float: right
, já que ela é o elemento seguinte.
No seu caso, a terceira div
vai ficar na mesma linha da segunda, por ser o elemento seguinte.