O que é um flutuador HTML?
Uma das tags HTML (HyperText Markup Language) e CSS (cascading style sheets) mais usadas para controlar o layout de uma página é a tag float. Quando uma tag flutuante CSS e HTML é aplicada a um elemento, essa parte da página flutua para a esquerda ou para a direita. Também faz com que outros elementos, como texto, fluam ao redor dele.
O flutuador HTML, que na verdade é uma tag CSS aplicada a um elemento HTML, é uma propriedade que geralmente é usada pelos designers da Web para obter uma variedade de layouts de página diferentes. Quando uma propriedade flutuante HTML é aplicada a um elemento em uma página, como uma imagem ou parte da estrutura do site, o elemento é removido do "fluxo" normal da página e flutuado para a esquerda ou direita. Isso permite ao web designer maior controle sobre onde os elementos aparecem em uma página.
Um dos usos mais comuns da tag flutuante CSS e HTML é mover uma imagem para a esquerda ou direita da página. Quando uma imagem é flutuada para a direita, por exemplo, ela se move para o lado direito do elemento que a contém. O texto na página também envolve uma imagem flutuada.
Existem várias propriedades de uma tag flutuante HTML que alteram o efeito que ela tem sobre um elemento HTML. Além de flutuar para a esquerda ou direita, por exemplo, o web designer pode especificar a tag flutuante HTML como "herdar". Isso significa que a tag herda a propriedade float do seu elemento que contém. Se, por exemplo, uma imagem for colocada dentro de uma caixa flutuada à esquerda de uma página, a marca herdada também fará com que a imagem seja flutuada para a esquerda.
Uma propriedade útil que geralmente é usada em conjunto com uma tag float é a tag clear. Isso controla como os elementos após uma tag flutuante são exibidos. Se, por exemplo, uma imagem estiver flutuando para a esquerda, mas o texto abaixo tiver uma marca clara aplicada, o texto sempre aparecerá sob a imagem e não ao lado dela.
Quando a tag flutuante CSS e HTML foi introduzida, ela não era suportada por todos os navegadores. A partir de 2011, no entanto, todos os principais navegadores suportam a tag float. Isso significa que um web designer pode teoricamente usar a tag sem se preocupar se ela causará uma aparência diferente, dependendo do navegador no qual o usuário está visualizando o site.