如何定位iframe

如何定位iframe？我已經讀過，我應該包含在一個div內，但我似乎無法得到那個工作...如何定位iframe

我想div內的iframe，以便我可能只顯示原始網站的一部分只有我的網站的一部分。

<style> 
#s1 { 
height:50%; 
width:50%; 
float:left; 
} 
#s2 { 
height:50%; 
width:50%; 
float:right; 
} 
</style> 

<body> 

<div id="s1"> 
<iframe id="my-iframe" src="www.site1.com" scrolling="no" style="position:absolute; top:-150px; left:0px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; "> 
</iframe> 
</div> 

<div id="s2"> 
<iframe id="my-iframe" src="www.site2.com" scrolling="no" style="position:absolute; top:0px; left:0px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; "> 
</iframe> 
</div> 
</body>

來源

2016-04-02 Ragatokk

問題是你設置float: left父然後設置爲position: absolute你iframe應選擇其中的一個，如果你想通過邊做邊I幀與浮動，所以你不需要使用絕對的兒童，刪除內聯CSS的iframes和使用浮動的父母。如果你想使用絕對位置然後刪除浮動。如果你想爲孩子使用絕對位置，你應該爲父母設置position: relative。

JSFiddle

來源

2016-04-02 16:01:17 Pedram

我想更動這些設置，但我沒有得到它的工作。 iframe似乎總是優先於div，因此div永遠不會包含iframe。 – Ragatokk

你有沒有看到jsFiddle鏈接？這不是你想要的？ /如果沒有，請用照片解釋。 – Pedram

我看不到任何由jsFiddle發佈的鏈接，試圖解釋我想在這張圖片中做什麼：http://i.imgur.com/ZauiUlo.png – Ragatokk

如何定位iframe

回答

相關問題