Фоновое изображение показывает с полосой прокрутки

Question

Я работаю над интерфейсом и прикрепил фоновое изображение на странице входа. Я хочу показать 100% ширину и высоту экрана для этого изображения, но с моей кодировкой есть вертикальная полоса, которую я хочу удалить. CSS код моего файла указан ниже

.Public_background {
    background-image: url("public_Background.jpg");
    margin-left: auto;
    margin-right: auto;
    /*background-color: aliceblue;*/
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* height:100%; */

    height: 100vh;
    position: relative;
    max-width: 100%;
    max-height: 100%;
} 

Answer 1

Это метод, который я использую для этого предложения

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Я взял его из здесь .

пример

Answer 2

Вот рабочая скрипка, из-за которой gutter margin -:

body{
  margin: 0;
}
.container{
  width: 100vw;
  height: 100vh;
}
.Public_background {
    background-image: url("https://picsum.photos/600/300");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
} 

<div class="container">
  <img class="Public_background">
</div>

Answer 3

если вы используете полноэкранный div, вы можете добавить этот код к вашему стилю div

    .Public_background {
    overflow:hidden;
}