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

Question

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

Answer 1

Пожалуйста, обратитесь к этой статье, которая реализует свойство 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+ */
}

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

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

Answer 2

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

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