css - 样式化 iframe

Question

我正在尝试在 ASP.NET MVC 页面上显示两个网站。第一个网站应该出现在上部 130 左右像素，第二个网站应该用完所有剩余的垂直空间。两个网站都应该用完浏览器的整个宽度。

这里有一个我想要的示例，但它使用带有<frame>标签的框架集，现在已弃用。

所以我开始了一个jsFiddle来尝试安排两个<iframe>标签。我已经拥有了大部分，但无法让第二个网站用完所有剩余的垂直空间。（除非绝对必要，否则我宁愿不使用 jQuery。）

有人知道丢失的部分吗？

score 3 · Accepted Answer

通过设置内容框架的绝对位置，您可以将其定位在距顶部 130 像素的位置，即标题的高度。然后也将其从底部设置为 0。这会产生拉伸它以填充视口剩余高度的效果。

#contentdiv {
    width: 100%;
    position:absolute;
    top:130px;bottom:0;
}
#contentframe {width: 100%;height:100%;
}

这是小提琴

1 回答 1