Flexbox を使った際に width: 200%
で Flexbox の 2 倍の大きさのアイテムができると思いましたが違いました。何故こうなるのか教えてください、よろしくお願いします。
<div style='width: 50vw; margin: 0 auto; display: flex; justify-content: center; align-items: center;border: 1px solid black;'>
<div style='border: 1px solid black; width: 150%;
height: 100%; overflow: auto;'>
<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
</div>
</div>