div position hauteur absolue 100%

Question

Comment puis-je faire un div, quelle est la position absolue, augmenter la hauteur de 100%? Le div a un contenu dynamique.

À l'heure actuelle, la div ne se développe pas si j'ai ajouté plus de contenu. Si j'ai ajouté la hauteur comme 400px il se développe.

HTML:

<nav> 
    <div class="navLeftBox"> 
     <ul> 
      <li> 
       <a href="#">Stuff</a> 
      </li> 
     </ul> 
    </div> 
</nav> 

CSS:

nav{ 
    background: #c7c7c7; 
    border: 1px solid #a2a2a2; 
    height: 33px; 
    width: 968px; 
    padding: 14px 0 0 30px; 
    margin-bottom:1px; 
    clear:both; 
    position:relative; 
} 
.navLeftBox { 
    background: #bcbcbc; 
    border: 1px solid #939393; 
    height:100%; 
    width:200px; 
    z-index:2; 
    position:absolute; 
    top:20px; 
    left:20px; 
    clear:both; 
} 

J'ai aussi ajouté sur jsfiffle DEMO

Merci!

Answer 1

si vous ne spécifiez pas une hauteur de la hauteur de l'appareil ajuste automatiquement au contenu ou réglé sur heigth:auto; -à-dire que vous devez définir le heigth:auto; ou supprimer simplement

DEMO

Answer 2

Ou tout simplement retirer le height:100% .

.navLeftBox { 
    background: #bcbcbc; 
    border: 1px solid #939393; 
    width:200px; 
    z-index:2; 
    position:absolute; 
    top:20px; 
    left:20px; 
    clear:both; 
}