html - 如何使用 "position: relative"管理多个 div？

Question

我的页面上有一个元素，我想使用“position:absolute”来定位它。因此，我在#pagewrap 中添加了“position: relative”。我现在想对 #page 中的其他元素执行相同的操作，但是当我还向其添加“position: relative”时，所有在将 #pagewrap 作为父元素之前的元素现在都切换到 #page。

我说的元素是:#copyright-logo

我该怎么做才能避免这种情况？

#pagewrap {
width: 1050px;
margin: 0px auto;
background-color: rgb(255,255,255);
overflow: hidden;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
}

#page { 
width: 960px;
margin: 0px auto;
background-color: rgb(255,255,255);
overflow: hidden;
 }

#copyright-logo {
position:absolute; bottom: 10px; right: 10px
}

Answer 1

绝对定位元素是相对于最近的封闭定位元素定位的，该定位元素可以是另一个绝对定位元素，也可以是固定元素或相对定位元素。

CSS position property