Capítulo 10. Flutuação e posicionamento
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
Durante muito tempo, os elementos flutuantes foram a base de todos os nossos esquemas de layout da web. (Isto deve-se, em grande parte, à propriedade clear, que iremos abordar daqui a pouco.) Mas os elementos flutuantes nunca foram concebidos para o layout; a sua utilização como ferramenta de layout era um hack quase tão flagrante como a utilização de tabelas para o layout. Eram apenas o que tínhamos. No entanto, os floats são bastante interessantes e úteis por si só. Isto é especialmente verdade devido à recente adição de float shaping, que permite a criação de formas não rectangulares pelas quais o conteúdo pode fluir.
Flutuante
Desde o início dos anos 90 que é possível fazer flutuar imagens declarando, por exemplo, <img src="b5.gif" alt="B4" align="right">. Isto faz com que uma imagem flutue para a direita e permite que outro conteúdo (como texto) "flua à volta" da imagem. O nome floating, de facto, veio da página do Netscape DevEdge "Extensions to HTML 2.0", que explicava o então novo atributo align. Ao contrário do HTML, o CSS permite-te flutuar qualquer elemento, desde imagens a parágrafos e listas. Isto é conseguido utilizando a propriedade float.
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access