Как сделать textarea для заполнения блока div?

Посмотрите, как далеко я получил его здесь: [ссылка удалена] Как я могу сделать textarea над зеленой кнопкой, чтобы заполнить блок div? Я имею в виду, как сделать textarea ровно той же ширины, что и блок комментариев?

Ответ 1

Пожалуйста, обратитесь к этой статье, которая реализует свойство CSS-sizeizing CSS3 http://css-tricks.com/box-sizing/

Быстрое решение для этого - установить

textarea {
     width: 100%;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

И вот рабочий пример, который реализует свойство box-sizing http://css-tricks.com/examples/BoxSizing/

Использование ширины, например, 99% или несколько меньше для настройки в контейнере div, уже было обескуражено.

Ответ 2

Измерение текстовых полей в процентах как-то никогда не срабатывало должным образом, у меня была такая же проблема много лет назад и в итоге я использовал ширину: 99%....

Я предлагаю вам использовать div вокруг текстового поля, чтобы нарисовать округлую рамку и удалить границу на самой текстовой области. Таким образом, ширина текстового поля не обязательно должна быть точной, вы можете использовать 98% или 99%.