将iFrame设为网站的完整宽度（不包含内容！）

Question

我的Iframe代码如下：

<style type="text/css">
#left {
display: none;
float: left;
width: 212px;
}
#right {
display: block;
float: right;
width: 100%;
}</style>
<div align="left">
<iframe height="1000" src="https://secure.workbooks.com/process/=YjN4gDN/case_portal" width="2000"></iframe></div>

但是，我想将iFrame区域扩展到页面的整个宽度，因此它会填充如下区域：

如果仅增加iframe的宽度，我将得到以下结果：

如何在不遇到第二张图像的情况下获得第一张图像？

您可以在此处看到页面。

Answer 1

首先，将#content-sub宽度增加到100% （现在是960px ；您的框架是它的子框架之一，因此，要将其拉伸到完整宽度，您必须以相同的方式拉伸父节点）。 其次，如下更改iframe ： <iframe height="1000" src="https://secure.workbooks.com/process/=YjN4gDN/case_portal" style="width:100%"></iframe>