为什么我的元素高度不一致？

一分耕耘，一分收获！既然打开了这篇文章《为什么我的元素高度不一致？ 》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

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

在 HTML 中，<div> 元素的 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>

然而，在渲染后，<div> 元素的高度却超出了 25px。

原因：

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

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

CodePen 复现 Demo：

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

好了，本文到此结束，带大家了解了《为什么我的元素高度不一致？ 》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！