页面元素高度与 css 不一致？

在 HTML 中，

元素的 CSS 中设置 height 为 25px，但实际显示高度却超过了 25px。这是为什么呢？

CSS 代码：

.insert-mssage {
  height: 25px;
}

HTML 代码：

<div class="insert-mssage">
  <span>val</span><input type="text" class="insert-pos"><span>pos</span><input type="text" class="insert-val">
</div>

然而，在渲染后，

元素的高度却超出了 25px。

原因：

CSS工具箱(专业版)

全功能 CSS 工程手册，覆盖性能优化、无障碍、设计系统与跨浏览器兼容。

下载

暂时无法复现您所描述的高度不一致情况。建议您检查一下 HTML 和 CSS 代码是否遗漏了其他影响元素高度的设置。

您也可以访问 CodePen.io 复现此问题。这将有助于快速解决此问题。

CodePen 复现 Demo：

[CodePen Demo](https://codepen.io/username/pen/d908523515e)