Ширина свойства CSS: 100%; сделать страницу длиннее

Question

У меня совершенно простая раскладка, на странице только серебряный фон и красный DIV, как это видно на рисунке ниже. Моя проблема в том, что когда я добавляю красный DIV на мою страницу макета, страница длиннее на 100% (нижний правый угол - ползунок). Где может быть проблема, вызвавшая это?

Свойства CSS красного DIV:

html, body {
   background-color: silver;
   margin: 0;
   padding: 0;
 }

.red-div {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

Answer 1

.red-div {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right:0; /* This is what you need */
}

Таким образом, вы можете заставить его идти до конца браузера.Когда вы делаете 100%, вы не учитываете полосы прокрутки.Которые добавляют дополнительное пространство и тем самым раздражают боковую прокрутку