Как сделать так, чтобы коробка увеличивала расстояние с боков

Question

Я хотел бы знать, как вы сделаете так, чтобы поле (textarea) расширялось, чтобы заполнить пространство, но с определенного расстояния в пикселях (не в процентах), достаточного для размещения меню с каждой стороны.Это возможно?

Я пробовал столько свойств CSS, сколько смог найти, но ни одно из них не работает правильно.(обратите внимание, я в порядке с использованием JavaScript, если требуется)

Моя конкретная страница: http://pastebin.com/5adPwXEE

Answer 1

Не думайте, что для этого вам нужен javascript, вам просто нужно изолировать ваш чат деление на div (это как раз то, для чего они;))

По умолчанию этот div будет иметь ширину 100% - тогда вы обойдете его с обеих сторон, чтобы очистить 2 x абсолютно позиционированных списка ... тогда textarea s, которые находятся внутри него, могут составлять 100% от "div чата" .. затем вы удаляете отступ с элемента body, так как он вам не нужен

Я добавил div class="chat" и удалил все ненужные CSS

Пример: здесь