在前端开发中，我们经常需要让页面元素的高度自适应。而有些情况下，我们不仅要让元素高度自适应，还需要减去一些高度值，例如顶部导航栏的高度。

那么如何使用CSS实现高度自适应减去的效果呢？下面是一种常见的方法：

.container {
height: calc(100vh - 60px); /* 60px为顶部导航栏的高度值 */
/* 其他样式 */
}

上述代码中，我们使用calc()函数计算了.container元素的高度值。其中，100vh表示视窗的高度，减去60px即为减去顶部导航栏的高度。

需要注意的是，使用calc()函数时，运算符左右两侧必须有空格。另外，浏览器对calc()的支持程度不尽相同，因此在使用时需注意兼容性。

除了使用calc()函数外，还有其他实现高度自适应减去的方法，例如使用padding、margin等属性。具体用法可以根据实际需求适当选择。

总之，掌握CSS实现高度自适应减去的方法，对页面布局和样式的实现都具有重要意义。