Div “vazando” no Firefox

September 9th, 2009

Depois de ter novamente o problema das divs vazando no Firefox, quando eu coloco o elementos filhos como float, resolvi fazer este post para não ter que procurar na Internet a solução novamente e ajudar você que provavelmente estava procurando. Espero que ajude. Se você não entendeu o problema veja o código abaixo e seu resultado quando executado no Firefox:

	#pai{
		background-color: #00FF00;
		padding:5px;
	}
	#filho{
		float:left;
		width:50px;
		height:50px;
		background-color: #0000FF;
	}
	<div id="pai">pai
		<div id="filho">filho</div>
	</div>

Continue lendo »