时间戳

首页 > 解决方案 > div的绝对定位

html - div的绝对定位

问题描述

 .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。请帮我解决一下这个。

标签： htmlcssposition

解决方案

将位置值从绝对值更改为固定值：

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

绝对定位相对于它的包含框定位元素，而固定定位相对于视口（浏览器窗口）定位元素。

推荐阅读