问题描述：

橘色div设置的宽度为500px,查看元素得知显示的宽度为262.36px，被压缩了一部分。

• 问题代码如下：

<template>
    <div class='container_box'>
      <div class='left_word'>拒绝原因（原因应合理，表述明确）：</div>
       <a-textarea  placeholder="请输入" />
    </div>
</template>

<style scoped>
.container_box {
  display: flex;
  align-items: center;
  background: orange;
  width: 40%;
}
.left_word{
  width:500px;
}
</style>

• 问题截图如下：

  
  image.png
  image.png

解决办法：

• 做法1：将width改为min-width
  

  image.png

• 做法2：设置flex-shrink: 0;