html - 元素定位问题

Question

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

Answer 1

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

我们只是padding-top: Xpx在我们的body css中使用了，像这样：

body {
    padding-top: 60px;
}

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

您遇到的问题是固定元素的行为就像一个位置：绝对元素 - 它在 DOM 中不需要正常的级联偏好，因此不能有任何position: relative反对它

Answer 2

(margin-top:-Xpx;)为 Content Div 取负值中的CSS 元素。

Answer 3

你应该这样做：

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