HTML对象标记问题

我在div中使用object标记来加载html页面

加载的html页面的高度大于div的高度

div没有扩展自身以容纳内部动态内容

如何解决这个问题

<div data-role="page" id="pagetwo"  style="overflow:auto;">
 <div data-role="header" style="background-color:brown;font-color:orange;" >
    <a href="#pageone" data-icon="back" id="back">Back</a>
    <a href="" data-icon="exit" id="exit" onclick="xit()">exit</a>
 <h1 style="font-color:white">events</h1>
  </div>
    <object style="width:100%;background-color:orange;height:100%;" scrolling="no"      type="text/html" data="http://localhost:8080/events.html">
</object>

 </div>

---

尝试将其添加到div的样式中：

  display: block;
  overflow: auto;
  height: auto;