可以看到这里的基线是默认以盒子的底部对齐的 不了解基线的朋友可以移步到下面去看看 Web前端学习—基础篇(13)_基线、底线、中线、顶线、行高、行距分别指什么 - 泰初 - 博客园 (cnblogs.com)https://www.cnblogs.com/lsm-boke/p/14532718.html 给其加一个顶部对齐它就会移动到上面去 vertical-align: top;