pourquoi le div contenant ne reconnaît pas la hauteur des éléments à l'intérieur?

Question

comment mon div contenant (boxes_blue) peut-il reconnaître la hauteur des éléments à l'intérieur?

#boxes_blue { 
display: block; 
margin: 0 0 0 175px; 
border: 1px solid brown; 
clear: both; 
} 

#boxes_blue_each { 
float: right; 
height: 100px; 
width: 100px; 
padding: 10px; 
border-left: 3px solid #fff; 
background-color: #004964; 
color: #fffacf; 
text-transform: uppercase; 
text-align: left; 
} 

<div id="boxes_blue"> <div id="boxes_blue_each">one</div> <div id="boxes_blue_each">two two</div> <div id="boxes_blue_each">three three three</div> <div id="boxes_blue_each">four four four four</div> </div>

Answer 1

Ce qui se passe parce que les divs qui contenaient tous flottaient.

Je ne sais pas pourquoi c'est comme ça, mais je connais quelques solutions. Définissez le div contenant pour avoir "overflow: hidden", ou ajoutez un autre div en dessous des divs flottants avec "clear: both". Vous pouvez également, bien sûr, définir la hauteur et la largeur de la div contenant.