滚动条不能在某些页面上运行，但在其他页面上运行

Question

我遇到了一个奇怪的问题，滚动条功能在某些地方就像魅力一样，但在其他地方则不然。我觉得这很奇怪。

.content { 
float:left;
margin:30px;
position:absolute;
top:125px;
right:5px;
width:650px;
z-index:9999;
-webkit-font-smoothing:antialiased;
background-image:url(../images/text-bg.png);
padding:10px;
border-radius:5px;
max-height:420px;
overflow-x:auto;
}

和

::-webkit-scrollbar {
width: 7px;
z-index:999;
}

和

::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 0 20px rgba(200,200,200,.5);
}

所以，它非常标准。您获得的文本数量超过了滚动条显示的框大小。这样工作正常，你可以看到滚动条，但没有任何东西在某些页面上滚动而在其他页面上滚动。考虑到这是1个html文件（index.html），我很茫然。