【发布时间】：2026-02-26 18:15:02
【问题描述】：
我的客户（网站 - http://www.abclandscaping.com/）希望我在网页向下滚动时让他们的顶部导航栏成为一个粘性栏。
当滚动发生时，我使用 JS 将 .sticky 类添加到导航栏（ID="navbar" 的 div）。 .sticky 类是这样的：
.sticky{ position: fixed; top: 0;}
但是，现在我的导航栏（ID="navbar" 的 div）已固定位置，它的宽度不再在父 div 内，而是成为整个浏览器窗口的 100% 宽度。我明白为什么会发生这种情况，但我不知道如何解决这个问题。
我阅读了有关此问题的其他线程，但那里讨论的修复都不适用于我的情况。
这是我遇到问题的网站：http://www.abclandscaping.com/
【问题讨论】：
-
您还有一个问题，当应用粘性时，“我们的客户所说”部分隐藏在主徽标下。你可以设置 Left: 0;也一样，但是你也必须调整标题的所有内容，因为它会发生变化。
-
@Kyle - 是的，这是真的，但这是因为导航栏 div 现在太宽了，所以它的内容发生了变化。如果我弄清楚如何将其宽度限制为不超过其父级的宽度，那么就没有重叠并且内容放置正确。