Html 如何将滚动条与文本对齐？

在下面的小提琴中，滚动条位于小提琴的顶部。我需要滚动条是在同一水平作为第一个元素的文字，但也移动滚动条垂直向下40像素

是否有css选项将滚动条和自身对齐

小提琴代码：

    <div class="scroll">
    <table  >
      <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
        <tr><td>
        test
        </tr></td>
      </table>
    </div>

   .scroll {
    height: 80px;
    overflow-y:scroll;
}

.modeDown {
  padding-top: 100px;
}

测试
测试
测试
测试
.卷轴{
高度：80px；
溢出y：滚动；
}
.modeDown{
填充顶部：100px；
}

您的文本在div的下方更远，因为您已经给出了

。滚动
40px的顶部填充。如果更改此值，文本将进一步向上移动div。您可能还需要更改高度，因为此时div的高度为80px（40px高度加上40px填充）

要使div保持在页面下方，则需要将
边距顶部：40px
添加到
。滚动
，或者可以将其放入一个额外的div中，顶部填充40px

.scroll {
    margin-top:40px;
    height: 80px;
    overflow-y: scroll;
}

删除div的顶部填充？@Baszz ive updated question&fiddle ive updated the question&fiddle，我还需要将滚动条垂直向下移动40个像素。页边距顶部：40px；滚动它应该将滚动div向下移动40px，如果这不起作用，你可以把它放在另一个div中，并给它40px的顶部填充