隱藏溢出

Question

我試圖讓我的左菜單的背景成爲頁面的所有時間長度。 這就是朋友建議我去做的，但它不適合我。

HTML

<div class="Wrapper"> 
     <nav class="DynamicNav"> 
      <ul> 
       <li><a href="AboutMeContact.html">Contact</a></li> 
       <li><a href="AboutMeEducation.html">Education</a></li> 
       <li><a href="AboutMeWork.html">Work</a></li> 
       <li><a href="AboutMeHobbies.html">Hobbies</a></li> 
      </ul> 
     </nav> 
    </div> 

CSS

.DynamicNav{ 
    background:rgb(40,40,40); 
    padding-bottom: 3000px; 
    margin-bottom: -2990px; 
    width:200px; 
    min-width: 200px; 
    min-height:800px; 
    margin-top:-20px; 
    float:left; 
} 

.wrapper{ 
    overflow: hidden; 
    clear: both; 
} 

，你可以看到它在jsfiddle

這仍使背景令人難以置信的長。 任何幫助，將不勝感激。

Answer 1

不知道我在理解的問題，但試試這個：

.DynamicNav{ 
    background:rgb(40,40,40); 
    float:left; 
    height: 100%; 
    width:200px; 
    min-width: 200px; 
    min-height:800px; 
    margin-top:-20px; 
} 

.wrapper{ 
    overflow: hidden; 
    clear: both; 
} 

在100％的高度左邊的菜單總是以100％...