滚动框内的html滚动条

Question

我正在制作一个滚动框，我在里面放了一些代码，问题是水平滚动条在框内，而不是属于它

  <pre>
    <div style="height:300px;width:700px;border:1px solid #ccc;font:16px/26px Georgia,Garamond,Serif;overflow:auto;">
         [code language="cpp"]
         my code...
         [/code]
    </div>
  </pre>

我不知道会导致这种行为的原因 更新滚动框内的滚动条属于[code]块，其中我使用的是<div>。

Answer 1

尝试使用-webkit-scrollbar在css中更改其位置。

类似的东西：

div::-webkit-scrollbar{
     bottom:-10px;
}

了解更多信息： https://css-tricks.com/almanac/properties/s/scrollbar/