Я хочу, чтобы мои элементы управления textarea следовали стандартному поведению макета отображения блока, чтобы они расширялись до ширины содержащего родителя. Просто настройкаdisplay:block; не будет этого делать - по умолчанию они имеют значение по умолчанию со значением. настройкаwidth:100%; не работает, потому что любые отступы в элементах управления означают, что они выходят за границы контейнера.

HTML:

<div class='container'>
    <div >test</div>
</div>
<div class='container'>
    <textarea >test</textarea>
</div>​

CSS:

.container {
    width:300px;
    border:black solid 1px;
    margin:10px;
}
.container > div {
    display:block;
    padding:10px;
    background:red;
}
.container > textarea {
    display:block;
    padding:10px;
    background:red;
}

​ РЕЗУЛЬТАТ:

http://jsfiddle.net/hKcjc/