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