div中的iframe怎样根据内容自适应高度

html：
<div id="content">
<iframe src="首页.html" name="center_iframe" frameborder="0" scrolling="no" id="c_iframe"></iframe>
</div>

CSS：
#content{
height:auto;
width:auto;
line-height: 1.5em; /*行间距*/
padding:10px; /*内边距设置*/
}

#content iframe{
height:auto;
width:100%;
}

不知道该怎么给iframe根据内容自动调节高度，不知道该怎么用js来设置，求大神指点