在 html 页面中居中 iframe 绝对位置

Question

我有一个 iframe，我已在顶部剪裁，但想以网页为中心并在加载时缩放。我可以剪辑它，但不能定位它，即使是相对的 div 容器，以便将剪辑区域保持在顶部。

JSFiddle

<div id="content">
<div id="myiframe">
  <iframe src="http://www.flippity.net/fc.asp?k=15r4rRJ- 
   hrZW2kAjUhpv1ZcqsWaUFci7O9e2ItxBDfO0"  height=700px  width=800px  
 scrolling="no"></iframe>
</div>
</div>

Answer 1

试试这个

#content {
    width:100%;
    position:absolute;
    display:block;
    top:0;
}
#content #myiframe {
    margin:auto;
    position: relative;
    width:800px;
}