Желание разместить полосу прокрутки в крайнем правом углу DIV ⇐ CSS

[Anonymous]

CSS для div:

Код: Выделить всё

height:1px;
margin:146px 0 56px 15px;
overflow-x:hidden;
overflow-y:auto;
width:1px;

Я установил полосу прокрутки для элемента div:

Код: Выделить всё

::-webkit-scrollbar-button:single-button {
background-color:var(--button);
display:block;
border-radius:5px;
border-style:solid;
height:15px;
width:15px;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
border-color:transparent transparent var(--vert1) transparent;
border-width:0 5px 5px 5px;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color:transparent transparent var(--vert2) transparent;
}
::-webkit-scrollbar-button:single-button:vertical:increment {
border-color:var(--vert1) transparent transparent transparent;
border-width:5px 5px 0 5px;
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
border-color:var(--vert2) transparent transparent transparent;
}
::-webkit-scrollbar {
box-shadow:inset 0 0 5px var(--shadow);
width:15px;
}
::-webkit-scrollbar-track {
border-radius:15px;
box-shadow:inset 0 0 5px var(--shadow2);
}
::-webkit-scrollbar-thumb {
background-image:linear-gradient(to right, var(--thumb1), var(--thumb2));
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
background-image: linear-gradient(to left, var(--thumb1), var(--thumb2));
}

Полоса прокрутки находится примерно в 15 пикселях слева от правого края элемента div.
Как расположить ее напротив края?
п>

Подробнее здесь: https://stackoverflow.com/questions/793 ... ght-of-div