Standardmäßig geht ein Element (auußer Links und Bilder u.ä.) immer über die gesamte Breite.
Die Höhe wird durch den Inhalt bestimmt.
width: 150px;
width: 50vw;
height: 60px;
width: 140px; height: 140px;
width: 10vw; height: 10vh;
width: 10vw; height: 10vw;
box-sizing: content-box;

width: 50vw;

padding: 20px;
border: 10px solid red;
box-sizing: border-box;

width: 50vw;

padding: 20px;
border: 10px solid red;