Expandir div contenedor automáticamente

[mauserc_96]

Hola gente,
El problema parece sencillo pero me lleva de cabeza desde hace un buen rato. Os explico:
Tengo un div contenedor (A) con dos divs internos (B y C), dispuestos de la siguente manera:



Los divs B y C están configurados con float:left y float:right respectivamente.
El div C es un formulario que crece dinámicamente. Así pues, se puede dar el caso siguiente: El div C excede el height del contenedor y se "sale":



Estoy intentando de todas formas que, cuando se dé este caso, el div A de adapte al tamaño "extra" de C, de forma que se agrande y quede así:



Véis alguna solución posible?
Muchas gracias! :)

[IsaBelM]

en lugar de float, usa position: relative; y display: inline-block en ambos. el left de B será cero y de C es el resultado de ((width de B + width de C)-width de A)

[kseso?]

Busque información sobre cómo "Limpiar float" o clearfix en cualquier buscador.
Son varias las técnicas (códigos) para ello. Cuál usar depende de su codificación (html+css) que desconocemos.

Por cierto, la última y mas semántica es obra de @necolas

[mauserc_96]

Gracias por la respuesta, no me acaba de funcionar del todo (se me descuadra el diseño), así que he pensado una solución más guarrilla, pero eficiente: Modificar el height del div A dinámicamente mediante javascript. :P

[jomaruro]

Hola:

Iniciado por mauserc_96

... así que he pensado una solución más guarrilla, pero eficiente: Modificar el height del div A dinámicamente mediante javascript. :P

Ya que te han dado la pista para solucionar el problema y, además, reconoces que la solución es más "guarrilla" ¿porqué rendirse tan pronto y no seguir buscando la solución "correcta"?

Saludos.

[erickxls]

crea un div luego de C pero dentro de A y no le des altura a A

Código HTML:

<div id="a">
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
 

Código CSS:

#d{
clear: both;
}