Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Testes com float - 5 // Posicionamento mais a fundo - Aula 10

Estou com uma dúvida no teste com float 5. As imagens 1 e 2 estão com float left, a 3 com float right e 4 e 5 com float left e clear both. O teste pede para retirar o clear both e acrescentar o estilo para que fique igual a imagem proposta. A resposta correta no teste é C) "float: right e clear: left". A minha dúvida é: se eu adicionar um float right na 4 ficaria a direita da 3 (pois, teoricamente, a 3 foi colocada primeiro que a 4 no html) e colocando o clear left não deixaria nada a sua esquerda, o que quer dizer que a imagem 4 ficaria a direita embaixo da 3. Estou certo?

2 respostas
solução!

Olá Taynan! Para a imagem 4 ficar embaixo da imagem 3 como você diz é necessário que ela esteja com clear: right; também. Faça o teste. Acrescente o float:right; na imagem 4 sem retirar o clear:both; para ver o que acontece.

Abraços!

André, fiz o teste na pagina http://dabblet.com/gist/ebbcecbea2f066b8238d que nem vc falou e ficou como descrito. Peguei o exercício e fiz nessa mesma pagina e ficou como no enunciado. Ficou bem mais fácil entender na pratica q na teoria. Obrigado