HTML/CSS: thanh cuộn xuất hiện bên dưới các phần tử HTML

Question

Trong Chrome và Safari, thanh cuộn dọc xuất hiện bên dưới nội dung HTML trên trang web, như vậy:

Tôi fiddled với ::-webkit-scrollbar, nhưng gần nhất tôi có thể thay đổi chiều rộng thanh cuộn thành 0px. Phần div của phần đó là:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; } 

Điều này xảy ra trong Safari (nhưng không phải Safari trên iOS) và Chrome. Firefox vẫn ổn. Tôi cũng đã cố gắng với tràn cũng như, nhưng không thể có được kết quả tôi muốn.

Đề xuất?

Answer 1

Hãy thử điều này -

html, body { 
    height:100%; 
    width:100%; 
    overflow:auto; 
} 

Answer 2

có vấn đề tương tự.

Vấn đề là trong html {}

Nếu bạn sử dụng một cái gì đó như thế này

html { 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

Thần tác dụng che phủ trên thanh cuộn apears. Xóa tràn trên phong cách cho html và đặt nó vào kiểu dáng cơ thể và nó sẽ hoạt động.