Los elementos con valores de width porcentuales no es conveniente que tengan margin, border y padding en los laterales ya que pueden sobrepasar el viewport.
Es por esto que se suelen usar valores porcentuales de width en los elementos padres o contenedores.