iframe框架自动适应代码

昨天发现一个很蛋疼的问题，如果使用iframe会有自动适应的问题，对此无比的纠结。

在网上搜索了下，结果没找到好的解决方法。最后被迫一个个参数去尝试，结果试出来了。。。

iframe代码：

<iframe scrolling="no" name="right_frame" src="admin_index/default_body"  frameborder="0" height="100%" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>556?fdh:556)" width="100%"></iframe>

在我自己的图标当中，柱状图会超出底线，所以需要自己定义一个边界。

<div class="span6">
                     <div class="row-fluid section">
                     <div class="span6 chart">
                         <h4 class="title">Web attack</h4>
                         <div id="hero-bar" style="height: 250px;width: 220%; margen-right:10px;"></div>
                       </div>
                     </div>
                    </div>
                  </div>