html - 用 Iframe(jsfiddle) 填充空白

Question

我正在尝试构建一个具有页眉和左侧边栏并且在内容区域中具有 iframe 的页面。我不想让 Iframe 区域填充整个内容区域(空白)，但似乎无法让它工作。我正在寻找完美匹配的 IFrame，这意味着它从标题和左菜单边缘结束的地方开始。我似乎只能让它从页面的一侧跨越到另一侧，或者让它位于空白的中间。

有人能帮忙吗？

这是 JsFiddle:http://jsfiddle.net/P9CH9/2/

删除 <div id="iframe-content"> 时它会将 iframe 从页面的一侧跨越到另一侧。

Answer 1

我能够通过手动将 margin top 和 left 添加到 iframe 容器来实现我想要的效果，并将 Top、left、right、bottom 设置为 0，如下所示:

.abs-frame-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-left: 250px;
margin-top: 55px;
}

这是最新的 JFiddle，我添加了黑色以显示 iframe 的位置，因为 JsFiddle 似乎不允许 iframe。 http://jsfiddle.net/P9CH9/4/