Exemple de code de la propriété JS / CSS height.

<style>
.cadre-gris {margin: 5px 0; }
#exemple-style-1, #exemple-style-2{
 padding : 10px; 
 margin  : 10px; 
 height  : 100px; 
}
#exemple-style-2{
 -webkit-box-sizing : border-box; ; 
 -moz-box-sizing    : border-box; 
 box-sizing         : border-box; 
}
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
    <span id="exemple-desc-0">Valeur initiale.</span>
    <div id="exemple-style-0" class="cadre-vert">Effet height.<br>Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium.</div >
  </div>
  <div class="cadre-gris">
    <span id="exemple-desc-1">Valeur initiale.</span>
    <div id="exemple-style-1" class="cadre-vert">Effet height.<br>Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium.</div >
  </div>
  <div class="cadre-gris">
    <span id="exemple-desc-2">Valeur initiale.</span>
    <div id="exemple-style-2" class="cadre-vert">Effet height et box-sizing:border-box.<br>Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium.</div >
  </div>
</div>
<script>
initExemple('height',  'height', ['200px', '50%', '5em', 'auto', 'inherit'],3); 
</script>