css - 为什么我的位置绝对子项是相对于浏览器窗口放置的，而不是相对于父项的位置？

Question

我有这两个 div，一个在另一个里面，我定义了样式。封装的是相对的， child 是绝对的。

child 不是应该根据外部 div 的左上角 #RightSection 定位吗？

相反，它是根据浏览器窗口执行的，有什么线索吗？

        <div id="RightSection">
            <div id="Panels">

            </div>
        </div>

#RightSection
 {
     position: relative;
 }

#Panels
 {
    position: absolute;
    background-color: Blue;
    width: 100px;
    height: 100px;
    z-index: 9000;
 }

Answer 1

我还发现，如果我没有为绝对定位元素声明 top 和 left css 参数，它似乎会忽略其上方的父级并直接跳转到页面主体。

尝试只给它 top 和 left 参数，看看是否有帮助，

#Panels
 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: Blue;
    width: 100px;
    height: 100px;
    z-index: 9000;
 }

添加这些默认参数后，它应该看起来很好。