如何使div在页面前面高出更高的内容？

Question

这是一个非常基本的设计问题，但仍然是：我在一个文件中有一个标题，并且在其他文件中连续加载了几个页面。我想在每个页面中添加一个进度指示器（只是一个1/3，2/3和3/3填充条的图像），但我希望条形图出现在标题上，该标题位于不同的文件中，位于更高的文件中流量，因此负边距+ z-index不起作用。如何使我的指标（在逻辑上属于标题下的页面）显示在标题上？

Answer 1

您可能需要将进度条放在绝对坐标中，如

.processBar
{
  position: fixed;
  left: 50%;
  top: 10%;
  z-index: 1000;
}

您可以根据自己的喜好更改左侧和顶部设置。最终，您最终会将状态栏悬停在标题上。

编辑：cdonner是正确的，位置：根据浏览器窗口固定元素

Answer 2

如何定位：绝对布局？

Answer 3

绝对定位会将您的元素从浏览器流中移出（浏览器在布置相邻元素时不会考虑此元素），因此您可以将其放置在任何您喜欢的位置。

绝对位置元素的偏移位置是相对于绝对/相对位置的最近父元素计算的（如果没有，则相对于文档）。

所以是的，正如其他人所指出的那样，你可以使用position: absolute和top和left的位置。