Nun möchte ich aber das Eingabefeld auf die verbleibende Bildschirmbreite ausdehnen und das klappt nicht.
css kann unmöglich die bildschirmbreite kennen, auch nicht die breite des displays selbst, die breite des desktops, die breite der sichbaren fläche des desktops oder die breite des browserfensters (egal in welcher maßeinheit) - lediglich die breite des viewports
Das Eingabefeld wird mir bei der Angabe "width: 100%;",
width + padding + margin + border = tatsächliche breite
nachdem formularfelder per default links und rechts etwas padding und üblicherweise einen rahmen haben, hast du defintiv mehr als 100% breite - das solltest du bedenken
zu bekommen, die Angabe "width: auto;" wird scheinbar ignoriert?
formularfelder sind etwas eigen - da kann das schon vorkommen
dir ist aber schon klar, dass ein formularfeld welches so breit ist wie der viewport meines browsers (> teilweise 3000 px), sehr komisch aussehen könnte bei normalen menschen ist mittlerweile auch 1680x1050 recht verbreitet - dh ~ 1650px viewportbreite