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

Question

我有以下代码在加载“视图”时在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_page中定义的边距。

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

如何定义有效的保证金？

Answer 1

我通过将iframe放在Div中并使用div上的固定位置来修复此问题。