Texto original : tudo sobre carros alegóricos
Tradução : Sobre a vida passada e presente dos flutuantes
Todos os direitos reservados. Por favor indique a fonte ao reimprimir. !
O que é um carro alegórico?
Float é uma propriedade de posicionamento do CSS. Podemos olhar para o design tipográfico para compreender suas origens e papel. Em um layout de impressão, o texto pode circundar a imagem conforme desejado. Este método é geralmente chamado de "quebra de texto".
Aqui está um exemplo:
No software de composição tipográfica, a caixa de texto pode ser configurada para permitir o layout misto de imagens e texto ou para ignorá-lo. Nenhuma mistura de texto com imagem permitirá que o texto apareça no topo da imagem como se nem estivesse lá. Esta é a diferença entre uma imagem fazer parte do fluxo da página ou não. O web design é muito semelhante a isso.
Em web design, os elementos da página aos quais o atributo float do CSS é aplicado são como imagens cercadas por texto em um layout tipográfico. Os elementos flutuantes ainda fazem parte do fluxo da página da web. Esta é uma diferença significativa em comparação ao uso de elementos de página posicionados de forma absoluta. Os elementos da página posicionados de forma absoluta são removidos do fluxo da página, assim como as caixas de texto nos layouts de impressão são configuradas para ignorar a quebra automática da página. Um elemento absolutamente posicionado não afetará outros elementos, e outros elementos não o afetarão, independentemente de estar próximo a outros elementos.
Defina um float com CSS em um elemento como este:
#barra lateral {float: direita};
O atributo fload tem quatro valores disponíveis: Left e Right flutuam o elemento em sua respectiva direção, None (padrão) faz com que o elemento não flutue e Inherit obterá o valor float do elemento pai.