試圖讓一個div滾動它的內容的最大高度div：（px）;但是，每當我設置百分比的高度滾動不起作用？

-6

<div style="max-height:450px; overflow: auto;"> 
        <table id="improvementTbl" class="table table-hover table-bordered table-striped nowrap" cellpadding="0" cellspacing="0"> 
        <tbody class="scrollit"> 
          <tr ng-repeat="data in roceImprovementList" ng-style="{'font-weight': ($first?'bold':'')}"> 
           <td width="9%" class="tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.particulars}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.particulars}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.calcBud}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.CALC_BUDGET}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.perSaleBud}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.PERC_TO_SALE_BUDGET}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.actMovPer}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.ACTUAL_MOVEMNT_PERC_BUDGET}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.calcAct}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.CALC_ACTUAL}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.saleAct}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.PERC_TO_SALE_ACTUAL}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.actMov}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.MOVEMENT_ACTUAL}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.roceMov}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.ROCE_MOVEMENT}}</td> 
           <td width="9%" class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#bridgeChartPopup" title="{{data.roce}}" data-placement="bottom" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.ROCE}}</td> 
           <td ng-show="showColumn?true:isSingleUnitCompany?true:false" ><input placeholder="Enter comments here..." style="width: 100%; padding:3px;" id="commentTextImprovement" ng-change="inputComment(data, 'commentTextImprovement', $index)" ng-model="values[$index]" type="text"></input></td> 
          </tr> 
          <tr ng-if="redReportList.length==0"> 
           <td colspan="8" class="text-center">No record found.</td> 
          </tr> 
         </tbody> 
        </table> 
        </div>

來源

2017-10-09 Mohini

你的程序[不起作用]（HTTP：// importblogkit.com/2015/07/does-not-work/）？ –

學習[如何提出問題]（https://stackoverflow.com/help/how-to-ask） – kzharas210

要設置百分比高度，其父元素（*）必須具有明確的高度。可替代地，所有現代瀏覽器和IE> = 9支持新的CSS單元相對於視口的高度（VH）和視口寬度（VW），例如：

.div{ 
height: 90vh; 
overflow-y: auto; 
}

來源

2017-10-09 11:45:56 Vishnu

試圖讓一個div滾動它的內容的最大高度div：（px）;但是，每當我設置百分比的高度滾動不起作用？

回答

相關問題