元素定位问题

Question

我有一个有“固定”标题的页面。现在我想将内容定位在标题下方20％，但“顶部”属性似乎不起作用。我尝试使用'左'和'右'，它们似乎工作正常。针对这种情况的任何指针？ 提前谢谢。

Answer 1

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

我们在我们的身体css中使用了padding-top: Xpx，如下所示：

body {
    padding-top: 60px;
}

这基本上使页面的整个主体在顶部有一个填充，允许你将固定的标题保持在最顶端

你遇到的问题是固定元素就像一个位置：绝对元素 - 它不会在DOM中使用正常的级联首选项，因此不能对它持有任何position: relative

Answer 2

在内容区的负值中使用CSS元素(margin-top:-Xpx;)。

Answer 3

你应该这样做：

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