[CSS] vwと%

vwはview wideの頭文字で画面の横幅に対しての割合（百分率）で使用します。
例：
50vw 画面の横幅の半分の大きさ

％は親要素に対しての割合（百分率）で使用します。

言葉にするとこれだけですが、PC画面の場合多くの場合右端にスクロールバーが表示されます。vwの場合には個々の幅も含まれてしまうため要素がスクロールバーの下に入り込んでしまうということが発生します。

一方%の場合にはここが含まれない仕様であるため入り込むということを防ぐことができます。

そのため多くの場合には%を使用してデザインを行うことをお勧めします。