Html 2部'；两人的身高不一致

我的

文本区域旁边有一个带有行号的div，基本上我无法将它们对齐

我尝试使用
top:0和
底部：0属性，但他们只是让它进入我的页面顶部等

以下是JSFIDLE：

感谢您的帮助！谢谢
刚刚记住CSS有一个最小高度属性

我只是将两个元素的最小高度设置为相同的值

谢谢你的帮助
 在文本元素和具有
位置：relative
的div周围使用包装器。具有相对位置的元素会将任何绝对子元素捕捉到自身而不是文档

<div class="area-wrapper">
    <div class="line-numbers">
        <span>1</span>
    </div>
    <textarea class="editor" id="editor"></textarea>
 </div>


.area-wrapper {
    position: relative;
}


1.
.面积包装{
位置：相对位置；
}

您可能应该删除javascript标记。从中删除顶部和底部。行号如果我删除顶部和底部，则div的高度仍然不相等。请参见此如果文本区域大于行号div，这可能会导致一些问题，不是吗？