html - how to set my height to 100% with a dynamic table inside? -

i have following problem:

i have div table inside. div has background color black

now make ajax request , data append table:

$("#mytable").append('<tr><td>' + value.mytext + '</td></tr>'); 

now i'm facind problem, table gets longer background. how can like:

make parent div long must behind whole table?

set height of parent div auto. parent short , big according table height.

or if want of height 100% first need set of parent containers height 100% of parent. if outer parent applied css:

html, body { height: 100%; }   /*the outer parent*/ parent { height: 100%; }       /*the second outer parent*/ parent table { height: 100%; } /*the table*/