带flexbox的流体宽度textarea;百分比被忽略

Question

我有一个文本区域与flexbox 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类