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