Question

如何定位iframe？我已经读过我应该在div中包含它们，但我似乎无法让它工作......

我想在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>

Answer 1

问题是您为父级设置了float: left，然后为position: absolute设置了iframe，如果您想要将iframe与float并排放置，那么您应该选择其中之一需要对儿童使用绝对值，删除iframe的内联css并为父母使用float。如果你想使用绝对位置然后删除浮点数。如果你想为孩子使用绝对位置，你应该为父母设置position: relative。

JSFiddle

如何定位iframe

1 个答案: