flexbox가있는 유체 너비 텍스트 영역; 백분율은 무시됩니다

Question

저는 플렉스 박스 div와 페이지 중심에있는 텍스트 영역을 가지고 있습니다.이 영역은 페이지의 80 %를 차지하고 싶지만, flexbox를 사용하면 너비 단위로 %를 사용할 수없는 것 같습니다.

내 HTML :

<div class="textdiv"> 
    <form> 
     <div> 
      <textarea> 
      </textarea> 
     </div> 
    </form> 
</div> 

그리고 내 CSS :

.textdiv { 
    display: flex; 
    justify-content: center; 
} 

textarea { 
    width: 80%; 
} 

내가 다른 단위로 전환하지 않는 한 폭이 무시됩니다 인 flexbox를 사용하여. 이 텍스트 영역의 너비를 페이지의 80 %로 설정할 수있는 방법이 있습니까?

Answer 1

Use flex on the div above the text area 

<div > 
    <form> 
     <div class="textdiv"> 
      <textarea> 
      </textarea> 
     </div> 
    </form> 
</div> 

textarea { 
    flex: 0 0 80%; 
} 

변경을 고정 것 textdiv 클래스