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> 

我盒內沒有看到什麼會導致這種行爲。
UPDATE滾動條內的滾動條屬於[code]區塊，在那裏我使用<div>或不是。

Answer 1

嘗試使用-webkit滾動條更改其在css中的位置。

類似：

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

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