為標(biāo)簽添加contenteditable屬性之后，如何給行號(hào)添加樣式才能使其跟隨編輯器一起滾動(dòng)？

1.問題
我想實(shí)現(xiàn)一個(gè)帶有行號(hào)的簡(jiǎn)單編輯器，但是不知道如何為行號(hào)添加樣式才能讓它跟隨編輯區(qū)一起滾動(dòng)。

2.相關(guān)代碼

<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;
  }