Html - blocs div et clear: both

Question

J'ai un gros bloc, voici c'est css:

#content_part1 
{ 
    margin: 0; padding: 0; 
    width: 1024px; 
    min-height: 544px; 
    background-image: url(../images/top.gif); 
    border: 1px solid green; 
} 

Et un autre bloc en elle:

#content 
{ 
    width: 942px; 
    margin-left: 41px; 
    position: absolute; 
    margin-top: 5px; 
    padding: 0; 
    height: 100%; 
    clear: both; 
    border: 1px solid red; 
} 

<div id="content_part1"> 
    <div id="content"></div> 
</div> 

Lorsque bloc de contenu change hauteur, content_part1 ne fait pas. Pourquoi?

Voici par exemple le site: supprimé

Answer 1

Je crois qu'il est à cause de votre position: absolute dans #content. Il y a une meilleure explication que je peux fournir here.

Answer 2

Il est absolument positionné et ne fait donc pas partie du flux normal. Comme il ne fait pas partie du flux normal, il est ignoré lors du calcul des dimensions des autres éléments.