2

「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
}
4

3 に答える 3

1

絶対的に配置された要素は、最も近い囲んで配置された要素に対して配置され、これは、別の絶対的に配置された要素、あるいは固定または比較的配置された要素であり得る。

CSS位置プロパティ

于 2012-10-03T20:59:10.800 に答える
1

あなた#copyright-logoの直接の子を作る#pagewrapand not#page

<div id="pagewrap">
    <div id="copyright-logo"></div>
    <div id="page"></div>
</div>
于 2012-10-03T20:54:01.877 に答える
0

相対位置と絶対位置を使いすぎています。

#pagewrap を相対的に配置する必要はまったくありません。

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

いずれにせよ、これらの位置を過度に使用するのではなく、フロートとパディングとマージンを使用してください。

于 2012-10-03T21:08:17.130 に答える