问题与定位的元素

Question

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

Answer 1

我们做了非常类似的东西在这里：http://firststop.herokuapp.com

我们只是用padding-top: Xpx在我们的身体的CSS，像这样：

body { 
    padding-top: 60px; 
} 

这基本上使整个页面的机身顶部有一个填充，让您保持在固定头，在最高层

你的问题是在固定元件的作用就像一个位置：绝对元素 - 它没有考虑在DOM正常级联的喜好，从而卡恩OT有任何position: relative举行反对

Answer 2

采取CSS元素(margin-top:-Xpx;)在内容事业部负值。

Answer 3

你应该做的事情，像这样：

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