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.