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