爲100％高度的div

我已經成功地創建滾動條，它的頁面的高度，但我想要得到它的滾動，而不是永遠伸展向下爲100％高度的div

enter image description here

的CSS .leftnavdiv

.leftnavdiv { 
    padding-top: 40px; 
    overflow: hidden; 
    z-index: 99; 
    position: fixed; 
    _position:absolute; 
    top: 0px; 
    _top:expression(eval(document.body.scrollTop)); 
    left: 0px; 
    width: 10px; 
    height: 100%; 
    background-color: white; 
    a:link color:#FF0000;  
    a:visited color:#00FF00; 
}

HTML：

<div class="leftnavdiv"> 
      <div> 
       <table style="height:100%;"> 
        <tr style="height:100%;"> 
         <td valign="top" style="height:100%;"> 
          <div id="makebtnset" style="height:100%; overflow-y: scroll;"> 
           <?php 
           //code removed 
           ?> 
          </div> 
         </td>

來源

2012-12-10 Kelly Larsen

你已經設置高度爲100％的頁面，隨着內容的增加，你正在使頁面變大。這是對的。你應該設置固定的像素高度 – DavidB

在css中使用溢出？ –

即使我將leftnavdiv設置爲固定高度，內容仍然會越過它。我可能應該解釋表中有兩個其他列，我希望它們可以單獨滾動，因此overflow-y：scroll;在makebtnset而不是leftnavdiv –

忘記高度：100％喲你可以使用：

.leftnavdiv { 
    bottom: 0; 
    left: 0; 
    overflow-x: hidden; 
    overflow-y: auto; 
    padding: 0; 
    position: fixed; 
    top: 0; 
    width: 300px; 
}

來源

2013-10-11 14:31:06

是的，我真的很喜歡頂部，左側，底部和右側的值。我一定是在看老派的東西。得到它固定的前一段時間，但欣賞的答案:) –

爲100％高度的div

回答

相關問題