使用’min-height: 100vh‘发现底部始终多出一块

.email-detail {
  background-color: var(--van-gray-8);
  min-height: 100vh;
}

给元素设置上面样式时，理论上是将该元素的最小高度设置为当前视口的高度，但底部始终多出一块空白，后面检查html代码时发现body被自动插入了一段标签，如下：

尽管该段标签最外面的div的高度宽度等都已经被设置为0，但实际上其内部的标签还是有高度的，这会影响到min-height: 100vh 的实际效果。

该标签是由chrome的百度翻译插件自动生成的，所以直接禁用百度翻译插件即可解决问。还可以通过添加如下样式将相关标签都不显示，也能解决问题。

#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top {
  display: none;
}