CSS div hauteur 100% avec les parents liquides de travail?

Donc, si la taille de la div parente est de 100%, vous pouvez définir l'enfant à 100% et cela fonctionnera. Mais si la taille du parent est déterminée par le contenu, l'attribut height ne semble pas fonctionner.CSS div hauteur 100% avec les parents liquides de travail?

Y a-t-il une solution de contournement convenable qui fonctionnerait sur la plupart des navigateurs?

<html> 
<head> 
<style> 
#content img 
{ 
    display: block; 
} 
#left 
{ 
    float: left; 
} 
#right 
{ 
    float: left; 
    width: 200px; 
    border: thin solid; 
    height: 100%; 
} 

</style> 
</head> 
<body> 

<div id="content"> 
    <div id="left"> 
     <img src="images/dc_logo.png"/> 
     <img src="images/dc_logo.png"/> 
     <img src="images/dc_logo.png"/> 
    </div> 
    <div id="right"> 
     stretch full height plz 
    </div> 
</div> 

</body> 
</html>

Source

2010-09-03 Bijou Trouvaille

Non, il n'y en a pas, et c'est dommage. Il y a de petites astuces pour émuler l'effet, mais celles-ci sont situationnelles. Par exemple, si vous avez une barre latérale et une zone de contenu principal, vous pouvez les entourer dans un conteneur et lui donner un arrière-plan verticalement répété pour lui donner l'apparence de la barre latérale. Ou vous pouvez utiliser JavaScript pour calculer dynamiquement la taille onload. Mais malheureusement, purement CSS-sage, vous êtes coincé.

Source

2010-09-03 21:00:12

Eh bien, merci de confirmer cela. –

CSS div hauteur 100% avec les parents liquides de travail?

Répondre

Questions connexes