滚动框内的html滚动条

我正在为制作一个滚动框，并在其中添加了一些代码，问题是水平滚动条位于框内，而不属于它

  <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 language=“cpp”]
我的代码。。。
[/code]

我看不出是什么导致了这种行为。

---

更新滚动框内的滚动条属于

[code]

块，我是否使用

块

尝试使用-webkit滚动条更改其在css中的位置

比如：

有关更多信息：

---

是因为里面的代码块吗？你能创建一个提琴吗？对不起，我不是英语母语的人，你说的提琴是什么意思？访问本网站：在相关章节中编写你的html/css/js，单击

save

并复制粘贴URL。我用你的代码创建了一个示例，结果与你的屏幕截图不一样：是否有其他css规则或js脚本？我使用的是html而不是css。part style=“”是css。如果不希望包含css文件，请尝试将其添加到html文件：div:：-webkit滚动条{bottom:-10px；}

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