html - 100% 高度 div 的滚动条

Question

我已经设法创建了这个，它是页面的高度，但我试图让它滚动而不是永远向下拉伸(stretch)

.leftnavdiv 的 CSS

.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> 

Answer 1

忘记高度:100%，你可以使用:

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