Wie kann ich dafür sorgen, dass der Container die horizontale Bildlaufleiste richtig anzeigt und gleichzeitig den Abstan ⇐ CSS

[Anonymous]

Ich habe folgendes Layout:


JSFiddle: https://jsfiddle.net/Luto0y9x/
Das Auffüllrecht auf dem #Container funktioniert, bis es das #Textfeld erreicht. Es wird keine horizontale Bildlaufleiste angezeigt, nur wenn das Fenster zu schmal für das Textfeld wird. Wie kann ich dafür sorgen, dass das funktioniert?

Code: Select all

#container {
padding-right: 20px;
overflow-x: auto;
background-color: blue;
}

#form {
background-color: red;
}

#input {
width: 300px;
}

Code: Select all

Option 1
Option 2

x