Problème de hauteur Div

Question

Je rencontre un problème de hauteur d'un élément div dans mon code.

Jetez un œil à cet exemple: http://jsfiddle.net/qUfr8/
...et maintenant à celui-ci: http://jsfiddle.net/DdUbr/

Prêtez attention à la bordure rouge. Tout va bien dans le premier exemple, mais pas dans le second.
La seule différence entre ces exemples est que j'ai ajouté deux éléments div au deuxième code et maintenant la hauteur de content est égale à 0, mais le content est toujours affiché, cependant.

Comment puis-je résoudre ce problème?

Answer 1

Vous devez utiliser un clear fix si vos éléments flottants se trouvent à l'intérieur d'une div

http://www.webtoolkit.info/css-clearfix.html

Exemple jsFiddle : http://jsfiddle.net/DdUbr/2/

Answer 2

Une autre façon de le corriger est d'ajouter "display: inline-block" à votre # contenu:

http://jsfiddle.net/DdUbr/6/