Flexboxを を使った際にwidth200%でFlexboxの2倍 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>
<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>