Problema con propiedad float

[TrinityCore]

Hola gente, espero esten bien!.

Tengo un problema y es que al utilizar la propiedad "float" esta me quita el fondo de mi contenedor div.

Queria saber si me podrian decir como recuperar ese fondo dejando la propiedad float.

Espero me ayuden, gracias de antemano!

[AngelKrak]

podrias pasar tu codigo completo para poder ayudarte mejor ;) si puedes subelo a codepen ;)

[TrinityCore]

Iniciado por AngelKrak

podrias pasar tu codigo completo para poder ayudarte mejor ;) si puedes subelo a codepen ;)

No es mas que esto:

Código HTML:

<div id="menu">
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div> 

Código CSS:

#menu ul li{
 float:left;
}
 

[AngelKrak]

conmigo funciona bien ._.

http://codepen.io/AngelKrak/pen/yYpERR

[ArturoGallegos]

@AngelKrak te funciona porque le has dado una altufa fija, el problema del compañero es porque usa altura relativa al contenido.

Es un simple y clasico problema de floats, no los ha limpiado.

@TrinityCore siempre que uses floats acostumbrate a limpiarlos, hay varias tecnicas.

1.- usa overflow:hidden en el elemento padre

2.- usa clear both/left/right sobre algun elemento vacio y colocalo al final de tu contenido (antes de la etiqueta de cierre del contenedor)
eg. <span style="clear:both;display:block;width:100%;height: 0;"></span>

3.- has uso de la propiedad after sobre el contenedor y aplica lo antes mencionado en el punto 2.