¿Cual cuando se debe usa utilizar width = 100VW y width= 100% ?

¡Hola!

Se utiliza vw cuando necesitas que el contenedor tenga un ancho igual al ancho que tiene la pantalla en la que se abrió la página, usas 100% cuando quieres que el ancho del contenedor sea igual al ancho de su parent.

Ejemplo: En un display 1920*1080, 100vw serían 1080px. Si tienes el parent de tu elemento mide 500px, entonces el 100% sería 500px.

Gracias :)