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，但一旦我滚动，我注意到页面底部和div之间的空间超过70px。 请帮帮我。

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;  
}

绝对定位将元素定位在与其相关的框中，其中固定定位将元素相对于视口（浏览器窗口）定位。