フレックスボックス付き流体幅のテキストエリア;パーセンテージは無視されます

Question

フレックスボックスdivを持つページの中央にテキスト領域がありますが、フレックスボックスの幅は80％ですが、フレックスボックスでは幅の単位として％を使用できないようです。

私のhtml：

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

そして、私のCSS：フレキシボックスを使用している場合、私は別のユニットに切り替えない限り

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

textarea { 
    width: 80%; 
} 

幅は無視されます。このテキスト領域の幅をページの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クラス