Javascript 以编程方式加载的iframe忽略页边距

我有下面的代码，在加载“视图”时在iframe中加载一些html

var clientPage = xx.Repository.getClientPage("CustomPage-" + this._pageId);         
var iframe = window.frames["clientPage"].document; 

iframe.open();
//iframe.write(clientPage.pageHtml);
iframe.close();

$("body", iframe).append(clientPage.pageHtml);

以及以下html：

   <!-- Client Page --> 
   <div id="client_page" class="ui_page" style="display: block;">
        <div id="clientPageInnerContent">
           <iframe id="clientPage" ></iframe>
        </div>
   </div>

代码正常工作，iframe呈现正确，但是iframe忽略了css类ui_页面中定义的边距

我尝试过添加延迟，以不同的方式加载html，并以编程方式添加边距，但似乎没有任何效果。 如果我打开chrome开发工具并关闭和打开边距，iframe将移动到正确的位置。但我无法通过代码实现这一点

---

如何定义有效的边距？

我将iframe放置在Div中，并在Div上使用固定位置，从而解决了这个问题