{"id":22,"date":"2011-01-19T18:27:58","date_gmt":"2011-01-19T21:27:58","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=22"},"modified":"2011-06-30T10:12:33","modified_gmt":"2011-06-30T13:12:33","slug":"float-e-overflow-altura-de-elemento-com-filhos-flutuantes","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/float-e-overflow-altura-de-elemento-com-filhos-flutuantes\/","title":{"rendered":"Float e overflow – Altura de elemento com filhos flutuantes"},"content":{"rendered":"
Acho que todo mundo j\u00e1 passou por isso: voc\u00ea est\u00e1 fazendo um css rapidinho, um elemento tem uma imagem de fundo e alguns elementos como filho. Voc\u00ea d\u00e1 um refresh pra ver como est\u00e1 ficando e a imagem de fundo simplesmente n\u00e3o “estica” o suficiente<\/strong>.<\/p>\n Se voc\u00ea tem um elemento html e os \u00faltimos filhos dele est\u00e3o flutuando, isto \u00e9, tem no css um “float: left;” ou “float: right;”, a altura do elemento pai ser\u00e1 calculada at\u00e9 o fim dos \u00faltimos elementos sem flutua\u00e7\u00e3o. Pra resolver existem algumas maneiras:<\/p>\n Passo aqui pra postar coisinhas r\u00e1pidas, mas s\u00e3o as coisas que vejo dando dor de cabe\u00e7a pra galera.<\/p>\n\n