Textarea имеет в CSS ширину 100%, однако выходит за пределы родительского DIV.
Если обнулить padding и border, тот всё нормально, но border мне нужен!
textarea {
width: 100%;
padding: 0;
border-width: 0;
}
Есть ещё вариант, указать явно максимальную ширину в пикселях:
textarea {
width: 100%;
max-width: 496px; // вместо 500px = 100%
resize: none;
}
Такой вариант тоже не катит, так как по разному поведёт себя на разных экранах.
Тема вроде обсуждаемая, но толкового ответа не нашёл.