在 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;
}