Абсолютное позиционирование div

Question

 .sky-blue
{
    width:1120px;  
    background: skyblue;  
    border:1px solid black;  
    position: absolute;  
    top:70px;  
    bottom:70px;  
    right:70px;  
    left:70px;  
   z-index:-1;  
}

Почему этот div не всегда оставляет 70px внизу страницы? Пока я не прокручиваю, кажется, что остается 70px, но как только я прокручиваю, я замечаю больше места, чем 70px между нижней частью страницы и div. Пожалуйста, помогите мне с этим.

Answer 1

Изменить значение позиции с абсолютного на фиксированное:

 .sky-blue
{
    width:1120px;  
    background: skyblue;  
    border:1px solid black;
    position: fixed;  
    /*position: absolute;*/  
    top:70px;  
    bottom:70px;  
    right:70px;  
    left:70px;  
   z-index:-1;  
}

Абсолютное позиционирование позиционирует элемент по отношению к его ячейке, в которой фиксированное позиционирование позиционирует элемент по отношению к области просмотра (окно браузера).