Html 用剩余空间填充div height（仅CSS和跨浏览器解决方案：无计算（））

我知道有很多类似的问题，但我正在寻找一种纯CSS而非JS的跨浏览器方法

我有三个部门：

顶

顶部{高度：100px；}

底部

底部{高度：50px；位置：绝对；底部：0；}

中间的div，应该会占用所有剩余的空间

中间{高度：calc100%-150px；}

这正是我想要的，但不幸的是，calc并不是所有浏览器都支持的，正如我们所看到的

---

那么，我应该用什么来代替呢？只有CSS，而不是JS

你需要使用JS或position:fixed并根据它定位Lycalc是纯CSS..这对IE的最后三个版本很好。你可以始终使用padding top:100px；填充底部：50px；身高：100%；正如您正确指出的，calc实际上是跨浏览器的，但旧版本不支持。我猜你想把IE8作为目标。在这种情况下，建议caniuse使用表达式是否有可能？是否可能重复