2010-10-21 12 views
1

Fondamentalement j'ai:Comment étendre div div à la hauteur restante?

<div class="wrap"> 
<div class="sum"> 
little text 
</div> 
<div class="content"> 
long<br/> 
long<br/> 
long<br/> 
long<br/> 
long<br/> 
long<br/> 
long<br/> 
text 
</div> 
</div> 

<style> 
.wrap{ 
height:100%; 
overflow:hidden; 
background:green; 
} 
.sum{ 
float:left; 
height:100%; 
background:yellow; 
} 
.content{ 
float:left; 
height:100%; 
background:red; 
} 
</style> 

Si vous le voyez, la somme div ne se développe pas à la hauteur restante égale à la div de contenu. Tout ce que je veux, c'est que les deux div soient à la même hauteur sans le spécifier.

J'ai absolument besoin d'un css pur, et non d'un javascript ou d'une table.

Merci

+0

il n'y a pas CSS pur moyen de faites ceci, eh bien, sans définir de hauteurs spécifiques pour les ** deux ** classes. Cochez cette case: http://stackoverflow.com/questions/3960390/comment-configurer-une-division-pour-dessiner-pour-la-bordement-de-l'écran/3960435#3960435 – Brad

+0

Bonne chance avec cette. Ce que vous essayez de faire est le Saint Graal de CSS. Il y a beaucoup de hacks pour le rendre assez proche de ce que vous voulez, mais aucun d'eux n'est parfait. Je suggère de googler. –

Répondre