html - 使元素适合可用高度 css

Question

我在正文中有两个元素，一个 div 和 iframe。div 标头具有固定高度（100 像素），所以我希望 iframe 适合所有其他高度。body 不能显示滚动条，但 iframe 必须有滚动条。

这里举个例子。

谢谢你。

Answer 1

您可以calc()为此使用：

.content{
  height:    -moz-calc(100% - 100px);
  height: -webkit-calc(100% - 100px);
  height:         calc(100% - 100px);
}

• 例子
• 浏览器兼容性（基本上是 IE9+）