Aloha ;)
Ein Screenshot macht es deutlich. Links der Rand, rechts kein Rand. MFG
Der rechte Rand deiner Textarea liegt bereits im Overflow-Bereich (wie du siehst, wenn du mal dem body ein overflow:hidden
mitgibst.
Das liegt in dem Fall daran, dass die Gesamtbreite deiner Textarea 100%+2em ist. Warum? Weil du die Breite bereits auf 100% festgelegt hast, und dein Padding von je 1em kommt dann auf beiden Seiten noch dazu.
Zwei Möglichkeiten um das zu verhindern: Die Breite der Textarea auf calc(100% - 2em)
festlegen oder direkt mit dem richtigen Box-Modell (box-sizing: border-box
) arbeiten.
Grüße,
RIDER