CSS div flottant dans un autre div

Question

j'ai un div qui flotte à gauche et un autre qui flotte à droite la principale principale div y compris la div flottante ne parvient pas au bas de la page et l'exemple de code est:

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; "> 
    <div style="float:left;"> 
    Some content! Some content! Some content! 
    </div> 
    <div style="float:right;"> 
    Some content! Some content! Some content! 
    </div> 
</div> 

quel est le problème?

Answer 1

La hauteur des éléments flottants n'est pas prise en compte lorsque la hauteur de leur élément parent est calculée. Vous devriez regarder dans la propriété CSS clear. Dans ce cas, un troisième div avec le CSS clear: both vous aiderait à atteindre le résultat que vous voulez.

Cependant, vous devriez prendre du recul et considérer ce que vous essayez de faire. Si vous avez juste ces deux divs l'un à côté de l'autre sans autre élément de boîte à ce niveau, vous n'avez peut-être pas besoin de flotter les deux éléments.

Answer 2

Un conteneur div avec des éléments flottants ignore la hauteur de ses enfants si vous n'appliquez pas clearfix au conteneur.