Unusual Gap in HTML horizontal scrollbar

StackOverflow https://stackoverflow.com/questions/15027297

문제

OK, i have a DIV with to scroll bars that are both required, and this is the simple layout I started with:

<html>
<head>
<title>Testing</title>
</head>

<style>
.Test {
    overflow-x: scroll !important;
    overflow-y: scroll !important;
    height: 300px;
    width: 100%;
}
</style>

<body>
    <div class="Test"></div>
</body>
</html>

When this is displayed in IE9, I get a gap on the right hand size of the horizontal scrollbar. I have attached an image to show the problem.

An example of what is shown Any help as to what is causing this problem would be greatly appreciated.

도움이 되었습니까?

해결책

You could try styling the scroll bar within your div 

scrollbar-track-color: #cacaca;

This made my scroll bar a uniform color.

Here's where I found it along with some other styling tricks

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top