我正在学习一些前端开发并遇到this webpage example
这是一个简单的网页，其主体完全由divs
下面是一个固定的div，当我说固定时我的意思是当我从底部或左边调整浏览器的大小时，右边的div没有被调整而且它不在视野范围内。
<div style="background-color: #292929; color: white; position: absolute; left: 0px; top: 80px; width: 100px; height: 300px; padding: 5px; padding-right: 20px;">This will be the navigation 'column', which will run down the left of the page.</div>
而下面的那个正在移动
<div style="position: absolute; left: 10px; bottom: 100px; background-color: #0099CC; padding: 5px; color: white; border: 5px white groove; font-size: 13pt;">I could go on, but I think you see the brilliance of these things.</div>
两者 div有绝对定位，但第一个或固定div的定位为top定义为`
我看到的唯一区别是第一个或固定为
top: 80px \\for fixed div
虽然它是
bottom: 100px \\for the moving div
我的问题是为什么只有这个div的css中的bottom属性将它放在另一个层中，而top对于固定div没有做同样的事情？或者也许还有别的东西呢？
答案 0 :(得分：1)
绝对定位取决于其父元素。如果div嵌套在除静态（默认值）之外的任何定位的另一个div中，那么它将显示为该div而不是正文或页面的绝对值。我不确定你的意思是“分层”。如果你想对div进行分层，你可以使用z-index将一个放在另一个之上。
编辑： 浏览器的左上角始终保持为0,0在调整大小时唯一改变的是右下角坐标