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

Clear

Boa tarde, vou usar o exemplo da aula para explicar minha dúvida sobre a função clear, o que eu entendi foi o clear está fazendo com que o texto Benefícios que contém a class título-principal não aceite o float: left, pois foi passado na class dele o clear: left, logo ele agiria como se não existisse aquele float que está "acima", agora vem minhas dúvidas.

1- O clear só funciona quando nós usamos o float?

2- Caso na parte de cima que tem o título Sobre a Barbearia Alura se houvesse alguma section utlizando o float ela iria funcionar igual está acontecendo com o Benefícios pois foi passado na class que eles estão utilizando o clear:left?

3- toda vez que usamos o clear a posição dele tem que ser igual a posição que utilizamos no float? Ex: utilizamos float:left; na imagem e depois clear: left; essa ordem de posições sempre são as mesmas?

2 respostas
solução!

Olá, Israel.

Tudo bem?

1- A propriedade clear do CSS especifica se um elemento pode ter elementos flutuantes ao seu lado ou se devem ser movidos para abaixo dele (clear). Essa propriedade se aplica à elementos flutuantes ou não flutuantes. Respondendo, Sim! O clear é próprio do Float.

2- Nesse caso, quem está com o Float é a classe utensilios que no caso é a imagem, então como o título Benefícios está próximo da imagem ele recebe esse comportamento de ficar em volta dela também, ai quando atribuimos a ele o clear ele volta a posião dele ignorando o float.

3- Sim você está limpando o float que foi atribuido, precisa especificar o lado, no caso, o left.

Espero ter ajudado. Qualquer dúvida manda aqui de novo. Valeu.

Sim deu para entender.