Html 元素定位问题

Html 元素定位问题,html,css,Html,Css,我有一个“固定”标题的页面。现在我想把内容放在标题下20%的位置,但是“top”属性似乎不起作用。我试着用“left”和“right”两个词,它们似乎工作得很好。对这种情况有什么建议吗? 提前感谢。将CSS元素(页边空白处:-Xpx;)作为内容分区的负值。我们在这里做了非常类似的事情: 我们刚刚在我们的身体css中使用了padding top:Xpx,如下所示: body { padding-top: 60px; } 这基本上使页面的整个主体在顶部有一个填充,允许您将固定的页眉保持在最

我有一个“固定”标题的页面。现在我想把内容放在标题下20%的位置,但是“top”属性似乎不起作用。我试着用“left”和“right”两个词,它们似乎工作得很好。对这种情况有什么建议吗?
提前感谢。

将CSS元素
(页边空白处:-Xpx;)
作为内容分区的负值。

我们在这里做了非常类似的事情:

我们刚刚在我们的身体css中使用了
padding top:Xpx
,如下所示:

body {
    padding-top: 60px;
}
这基本上使页面的整个主体在顶部有一个填充,允许您将固定的页眉保持在最顶部


您遇到的问题是,固定元素的行为类似于位置:绝对元素——它在DOM中不采用正常的级联首选项,因此不能对其持有任何
位置:相对

您应该这样做:

.header{
position:absulote;
top:20%;
height:400px;
width:500px;
}

请添加代码或一把小提琴。我的指针将是提供代码供人们帮助。