我有以下示例代码:
<style type="text/css">
.div_class
{
position:absolute;
border:1px solid blue;
left:50%;
margin-left:-375px;
margin-top:100px;
height:300px;
width:500px;
overflow:hidden;
}
.iframe_class
{
position:relative;
border:1px solid red;
height:100%;
margin-left:-218px;
margin-top:-110px;
}
</style>
<div class="div_class">
<iframe src="http://www.w3schools.com/" class="iframe_class" />
</div>
在上面的代码中, adiv
包含 an iframe
,其中只有一部分(从位置 [x=218,y=110] 开始)必须显示。正如你所看到的,我已经放置height:100%
了iframe
这意味着它需要div
. 这就是问题开始的地方。iframe 被裁剪。IE。iframe 的右边框和下边框随着重新定位而移动。
我想要的:即使在重新定位 iframe 之后,我希望右边框和下边框分别与 div 的右边框和下边框重合。我该怎么做?
笔记:
- http://www.w3schools.com/仅作为示例。在我的实际代码中,iframe 源将由 PHP 脚本决定。
- 我无法将 iframe 高度设置为218+document_height_of_iframe_src,因为正如我所说,src 是由后端脚本动态决定的。所以document_height_of_iframe_src对我来说是未知的。document_width_of_iframe_src也是如此。
- 我必须在不使用 JavaScript 的情况下完成这一切。
提前致谢...