Whole page scrolls when div has height 100%

[mitrpathak]

when I set height : 100% in div , my whole page scrolls not only tbody.
It should be just table with scrolling table body, filling the page left over.

<div> <md-content> <md-table-container class="fixed-header-table-container"> <div style="overflow: auto;height: 100%"> <table md-table md-row-select md-progress="promise" ng-class="'data-table'"> <thead fix-head md-head md-order="standardTable.query.order" class="fixed-table-header"> ..... .... </thead> <tbody> ..... </tbody> <table> </div> </md-table-container> </md-content> </div>