Textarea gettong вне контейнера

Question

Пожалуйста, проверьте ниже скрипку:

https://jsfiddle.net/a13nd32u/3/

<textarea rows="5" cols="50" style="width:95%;height:90%;overflow:hidden"> 
What's on your mind? 
</textarea> 

Вот когда я пытаюсь расширить текстовое поле по вертикали, то это окно становится нестандартно. Я хочу реализовать его таким образом, чтобы всякий раз, когда пользователь расширял текстовое поле по вертикали, фон div также должен расширяться вместе с ним. Может кто-нибудь, пожалуйста, обеспечить решение

Answer 1

Использовать этот

#container { 
background-color: #e6e6e6; 
border-style: double; 
float: left; 
height: auto; 
min-height: 160px; 
padding-top: 5px; 
width: 470px; 
} 

Answer 2

Может быть что-то вроде этого? https://jsfiddle.net/aa0mkvfz/:

#container { 
    border-style: double; 
    width: 470px; 
    height: 160px; 
    background-color: #E6E6E6; 
    padding-top: 5px; 
    overflow: auto; 
} 
hr { 
    border-color: #FAFAFA; 
    padding: 0; 
    margin: 0 
} 
#upper_space { 
    color: #3b5998; 
    margin: 0; 
    padding-top: 6px; 
    padding-bottom: 5px; 
    padding-left: 10px; 
} 
#textbox { 
    background-color: white; 
    text-align: center; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    overflow: auto; 
} 
#post_part { 
    display: inline; 
    padding: 6px 9px; 
    float: right; 
    font-size: 15px 
} 
select { 
    width: 80px; 
    height: 21px; 
    padding-right: 10px; 
    display: inline 
} 
#button1 { 
    display: inline; 
    padding-left: 10px 
} 
#post_button { 
    height: 24px; 
    width: 70px; 
    font-size: 14px; 
    -webkit-appearance: none; 
} 

Все, что я сделал, было добавить overflow:auto; на требуемых дивы, это создает новый контекст форматирования блока, пожалуйста, проверьте этот документ, чтобы узнать больше об этом: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/

Answer 3

HTML

<div class="divv"> 
     <textarea rows="4" cols="65"></textarea> 
     <h4> 
     space 
     </h4> 
</div> 

CSS

.divv{ 
    background-color:green; 
} 
textarea { 
    resize: vertical; 
    overflow: auto; 
} 

JSFIddle Смотрите, если это помогает

Спасибо