所以我做了JsFidle link并且我对相对和绝对的位置感到困扰。所以我把绝对的div称为top。我有相对较长的（宽）蓝色面板，标题位置正确 - 顶部0px。但是当我在div id = top中制作第二个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;
}
panel-pic出错！
答案 0 :(得分：2)
我认为你们正在混合这两者。 :) 父亲应该是亲戚，你想要相对于它放置的所有元素都应该是绝对的。 所以只需将#top的位置更改为relative，将所有其他位置更改为absolute。
答案 1 :(得分：0)