0

ということでJsFidleリンクを作ってみたのですが、相対位置と絶対位置について悩んでいます。そこで、topという絶対divを作りました。タイトルが適切に配置された比較的長い（幅の広い）青いパネルがあります-トップ0px。しかし、div id=top で 2 番目の div を作成している場合、相対的な位置は top=70px になります (70 px は上のワイド ブルー パネルのサイズです)。大丈夫ですね。しかし、そうではありません。ポジショニングが悪い理由がわかりません。div="top" div に相対的ですよね？では、なぜ下に移動するのでしょうか。助けてください。

#top {
position: absolute;
top:0;
height:420px;

#panel {
margin:auto;
position:relative;
top:0px;

#panel-pic {
position: relative;
top: 70px;
height:350px;
background-color:black;
background-position: center;
background-size:cover;
box-shadow: 1px 1px 9px black;

}

パネル写真がうまくいかない！

4

2 に答える 2

2

私はあなたが2つを混ぜていると思います。:) 親は相対的である必要があり、それに相対的に配置するすべての要素は絶対的である必要があります。#top の位置を相対位置に変更し、その他すべてを絶対位置に変更します。

于 2013-03-30T22:09:39.480 に答える