Skip to main content
adicionou 99 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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

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

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

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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