Css DIV背景赢得'；不要呆在一个地方

我的代码是否有问题，使得这个绿色的css div块不能显示在每个页面上完全相同的位置

在索引页上，它是完美的，就在导航栏下面。但在“这”页上，它不在同一个地方。条纹还会随任何附加内容改变位置。如果设置为相对，为什么会这样？它不是浮动的，其他内容不应该破坏它的发布吗？我很困惑。请同情我，因为我不擅长CSS，您将从我的代码中看到：

/* green stripe */
.stripe
{

  padding: 0.25rem 9999rem;
    background-color: #4ea647;
 z-index: 889;
  position: relative;
   top: -1200px;
  left: -500px;
  height: 50px;

}

这是网站：

---

为什么不把它放在正确的位置？现在它是相对于它应该位于的点下方的某个位置，你正在用像素设置它的位置，这样它将根据浏览器设置等进行移动。我的意思是，如果你想在链接下面有一个绿色条，为什么不只是将已经存在的实际元素样式化呢？mainNavWrapper或mainNavigation元素都在那里。谢谢sami与我谈论这件事。我不知道如何对实际元素进行样式化，因为它位于squarespace中--所以我想出了一个解决办法（所以我想）在导航栏后面放置一段颜色--我正在设计它的人希望导航栏后面有一段颜色。我需要的颜色去100%——所以，虽然我可以把绿色后面的导航字，它不伸展，以适应整个页面。我已经将导航条向下移动了这是我使用的导航条码，但我不知道如何使其后面的绿色条纹100%#mainNavWrapper{text align:right；top:120px；align:left；background color:none；}如果您能给我任何指导，我将不胜感激。我在这里要失去它了。阿奇，卡德·帕德·贾伊！为什么不把它放在正确的地方呢？现在它是相对于它应该位于的点下方的某个位置，你正在用像素设置它的位置，这样它将根据浏览器设置等进行移动。我的意思是，如果你想在链接下面有一个绿色条，为什么不只是将已经存在的实际元素样式化呢？mainNavWrapper或mainNavigation元素都在那里。谢谢sami与我谈论这件事。我不知道如何对实际元素进行样式化，因为它位于squarespace中--所以我想出了一个解决办法（所以我想）在导航栏后面放置一段颜色--我正在设计它的人希望导航栏后面有一段颜色。我需要的颜色去100%——所以，虽然我可以把绿色后面的导航字，它不伸展，以适应整个页面。我已经将导航条向下移动了这是我使用的导航条码，但我不知道如何使其后面的绿色条纹100%#mainNavWrapper{text align:right；top:120px；align:left；background color:none；}如果您能给我任何指导，我将不胜感激。我在这里要失去它了。阿奇，卡德·帕德·贾伊！