Comments on: Dica de CSS: Float – Quando div pai não acompanha o tamanho das divs filhas

By: Bryce Stageman

Bryce Stageman — Wed, 08 Feb 2012 22:26:31 +0000

I like your site, but could not find the way to subscribe to the updates by e-mail.

By: Pedro

Pedro — Wed, 23 Nov 2011 02:27:11 +0000

Muito bom cara! Realmente tirou uma grande dúvida! Parabéns!

By: Eduardo

Eduardo — Thu, 27 Oct 2011 13:05:07 +0000

Cara eu to lutando ja tem uma semana e só encontrava tonteras e redundancias a respeito. Depois que passei pelo seu POST minha vida mudou. UHauha valeu mestre dos

By: Fabio

Fabio — Thu, 03 Feb 2011 00:08:28 +0000

Valeu pela dica.

By: Flávio

Flávio — Thu, 08 Apr 2010 15:52:32 +0000

Eu de novo.

Só pra constar, tbm rola resolver isso definindo o overflow como hidden.

http://www.criarweb.com/artigos/solucao-problema-float-construcao-css.html

abs

By: Flávio

Flávio — Thu, 08 Apr 2010 15:10:58 +0000

Cara, mto bom. Consegui solucionar o problema, mas nao da maneira mais bonita, hehe. Se eu simplesmente adicionar o ‘clear:both;’ no id do pai, ele nao funciona. Agora, se eu colocar um e inserir uma classe com o ‘clear’ ou mesmo colocar um style dentro dela, ai funciona. É nessas horas q eu fico com uma grande cara de “WTF?”, hehe.

obs.: Se eu inserir o ‘clearfix’ que o Christian citou aqui nos comentários tbm funciona.

Abraços.

By: Leandro T. Morais

Leandro T. Morais — Tue, 09 Mar 2010 11:30:22 +0000

Muito boa dica, tava cansado de apanhar deste probleminha. Valeu mesmo meu amigo.

By: yuri vinicius silva

yuri vinicius silva — Wed, 18 Nov 2009 16:35:24 +0000

Muito bom, me ajudou e muito, obrigado

By: Wicttor

Wicttor — Wed, 28 Oct 2009 15:05:37 +0000

Muito bom, obrigado pela contribuição.

Passei uma manhã inteira me batendo pois não conseguia resolver esse problema, agora que já tenho a linha de código vai ajudar muito.

Parabéns!

By: yogodoshi

yogodoshi — Sun, 03 May 2009 18:15:44 +0000

Cara, essa é a solução pra esse problema, se não está funcionando, provavelmente é porque tem, além deste, outro bug no meio.

Abraços!

By: gadarf

gadarf — Sun, 03 May 2009 17:29:33 +0000

Em alguns casos não funciona.

By: Jonas

Jonas — Sun, 17 Aug 2008 23:28:02 +0000

Muito boa sua dica.
Encontrei seu blog por acaso no google e virei fã.
Valeu.

By: yogodoshi

yogodoshi — Thu, 31 Jul 2008 18:30:51 +0000

@Dirceu acho que você está confundindo um pouco a função do float, sugiro dar uma lida nesse “artigo” que tem tudo sobre float: http://css.maxdesign.com.au/floatutorial/ .

Abraços!

By: Dirceu

Dirceu — Thu, 31 Jul 2008 01:10:23 +0000

Amigo como faço para alinhar no centro, uma imagem com essa função “float”?

Obrigado!

By: Christian

Christian — Mon, 21 Jul 2008 19:04:57 +0000

Tem uma outra forma: adiciona no seu CSS o seguinte código:

/*classe para limpar containers com filhos flutuantes*/
.clearfix:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility: hidden;
}
/*.clearfix {display: inline-table;}*/
*.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
*html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

E na div pai, adicione a classe clearfix
Algo como

Tem o mesmo efeito. Utilizo há anos isso! hehe

By: Tiago Celestino

Tiago Celestino — Fri, 18 Jul 2008 03:45:57 +0000

Outra solução é colocar o float:left na div pai.

By: Tárcio Zemel

Tárcio Zemel — Wed, 16 Jul 2008 13:12:55 +0000

Obrigado pela referência, yogodoshi! Esse problema é uma pedra no sapato de muitas pessoas, realmente! Agora que sabemos como resolvê-lo, pouparemos horas de desenvolvimento… rsrs

Abraços!

By: Yuri k

Yuri k — Wed, 16 Jul 2008 12:59:35 +0000

Uma pena .. pensei que poderia post aqui, mais irei posta-lá sem problemas.
Obrigado

By: Carlos

Carlos — Wed, 16 Jul 2008 01:29:40 +0000

yogodoshi,

Por que você não instala o plugin que permite o usuário postar códigos?

By: yogodoshi

yogodoshi — Wed, 16 Jul 2008 00:25:17 +0000

@Yuri
Só vendo o seu código… mas aqui nos comentários você não conseguirá postar ele; sugiro então postar em um forum como o Webly: http://forum.ievolutionweb.com/ onde com certeza irão solucionar o seu problema rapidamente. ^^

Abraços!