2

我的页面上有一个元素，我想使用“位置：绝对”定位。因此，我在#pagewrap 中添加了“位置：相对”。我现在想对#page 中的其他元素做同样的事情，但是当我还向其中添加“位置：相对”时，将#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
}
4

3 回答 3

1

让你#copyright-logo的直系孩子#pagewrap而不是#page

<div id="pagewrap">
    <div id="copyright-logo"></div>
    <div id="page"></div>
</div>
于 2012-10-03T20:54:01.877 回答
1

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

CSS 位置属性

于 2012-10-03T20:59:10.800 回答
0

您过度使用相对和绝对定位。

绝对不需要相对定位#pagewrap，只需将其与边距居中，如下所示：

#pagewrap { width: 1000px; margin: 0 auto; }

在任何情况下，不要过度使用这些位置，而是使用浮动、填充和边距。

于 2012-10-03T21:08:17.130 回答