关于span高度过高，且文字脱离span盒子的原因

首先我们来看问题描述：

我设置的span标签时，当设置一个高度之后，发现本该在元素盒子内的文字在外面。

再看一下代码：

<div class = "commenter">
                        <img src = "background.png" class = "userImg"> 
                        <input type = "text" >
                        <input type = "text" value = "帅气的小朱哥" disabled class = "nameInput">

                    </div>

.commenter 
{
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    border-right:1px solid #90c52a;
    width:30%;
    line-height:250px;
}