Por que não foi necessário utilizar o "clear: right" quando usando o "float:right" nas citações? Pelo o que entendi o estamos tirando do fluxo do container, então ele deveria ficar à direita do parágrafo. É porque tira do fluxo aquele elemento em específico e o próximo elemento que sobe e não ele sobe para o lado do elemento de cima, certo?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas
respostas
Dúvida sobre float e clear
solução!
Olá Fabio, tudo bem?
Tua observação esta correta! O elemento em especifico é tirado do fluxo, o próximo elemento é que subiria para a posição onde estava o cite
Só que tem mais um detalhe, este conteúdo vai subir se houver espaço para ele.
Para ver isto funcionando, experimente, por exemplo na segunda citação "petrobras" adiconar um paragrafo extra:
Texto de exemplo!
<blockquote class="citacao-bio petrobras">
<p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
<cite>Manoel Santos, Petrobrás</cite>
<p>Texto de exemplo!</p>
</blockquote>
Dai em site.css, na classe .citacao-bio, procure aumentar o valor de width para mais de 250px e veja como o paragrafo extra vai se comportar. Quando houver espaço ele vai subir parcialmente ou como todo.
Lembre de usar CRTL + F5 para recarregar os arquivos em cache e carregar o CSS alterado!
Muito obrigado pela resposta. Já vi o resultado desse comportamento nos exercícios seguintes também.