Question

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

有一个我想要的示例here，但它使用带有<frame>标记的框架集，现在是deprecated。

所以我开始jsFiddle尝试安排两个<iframe>代码。我已经掌握了大部分内容，但我无法让第二个网站耗尽所有剩余的垂直空间。（我宁愿不使用jQuery，除非绝对必要。）

有人知道丢失的那块吗？

Answer 1

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

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

这里是小提琴