Ich möchte eine Bildlaufleiste ganz rechts von DIV ⇐ CSS

[Guest]

Das CSS für das div ist:

Code: Select all

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

Ich habe eine Bildlaufleiste für das div:
festgelegt

Code: Select all

::-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));
}

Die Bildlaufleiste befindet sich etwa 15 Pixel links vom rechten Rand des Div.
Wie bringe ich sie an den Rand?