为标签添加contenteditable属性之后，如何给行号添加样式才能使其跟随编辑器一起滚动？

Question

1.问题
我想实现一个带有行号的简单编辑器，但是不知道如何为行号添加样式才能让它跟随编辑区一起滚动。

2.相关代码

<div class="line" align="center">
    <div>1</div>
  </div>
<div class="textBox" contenteditable></div>

.line {
    position: relative;
    width: 55px;
    border: 1px solid black;
    float: left;
  }
  .textBox{
    height: 300px;
    width: 500px;
    overflow-y: auto;
  }

Answer 1

已解决，套个<div class="container">，设置样式.container{overflow: auto}即可