元素定位问题

Question

我有一个页面，其中有一个“固定的”标题。现在我想将内容定位在标题下20%的位置，但是“top”属性似乎不起作用。我试着用“左”和“右”，他们似乎很好用。对这种情况有什么建议吗？提前谢谢。

Answer 1

我们在这里做了非常相似的事情：http://firststop.herokuapp.com

我们只是在正文css中使用了padding-top: Xpx，如下所示：

body {
    padding-top: 60px;
}

这基本上使整个页面正文在顶部有一个填充，允许您将固定的页眉保持在最上面。

问题是，固定元素的作用就像一个位置:绝对元素--它不接受DOM中正常的级联首选项，因此不能对其持有任何position: relative。

Answer 2

将CSS元素(margin-top:-Xpx;)作为Content的负值。

Answer 3

你应该这样做：

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