iframe 宽度问题答案

【问题标题】：problem with iframe witdthiframe 宽度问题
【发布时间】：2011-09-25 22:42:21
【问题描述】：

在制作网站的过程中，遇到了一个问题，希望您能帮助我。这可能很简单，我不知道。

问题是，我正在制作一个左侧菜单的网站，其中的链接加载到右侧的 iframe 中。左侧菜单必须是 215 像素，右侧框架必须是屏幕的其余部分。

由于一些奇怪的原因，这个 iframe 只希望是 300 像素，所以如果我想加载更多的页面，它会保持在 300 像素。

该网站是here，例如点击“makkelijke levels”，来自 000webhost 的错误消息应该是整个屏幕的右侧部分，但仅停留在 300 像素。

提前致谢，弗里索

【问题讨论】：

【解决方案1】：

这是正确的 CSS 吗？

right_iframe {
position: absolute;
left: 216px;
width: auto;
height: 100%;
float: right;
margin: 0px;
border: 0px;
}

您不应该将宽度从 300 像素更改为 300 像素吗？

【讨论】：

【解决方案2】：

width:auto 不起作用，因为您也需要指定正确的位置。这应该可以工作，虽然我还没有测试过：

.right_iframe {
  position:absolute;
  left:216px;
  right: 0px;
  width: auto;
  height: 100%;
  margin:0px;
  border: 0px;
}

【讨论】：