【发布时间】：2011-05-22 21:24:17
【问题描述】：
我有一个不能修改的 html 页面，我所做的一切都必须使用 CSS。
我在 html 页面中有 4 个“部分”标签，在该页面的顶部有一个导航栏。栏的每个元素都是指向同一页面特定部分的内部链接（页面跳转）。
通常，当我单击其中一个链接时，合适部分的第一行将出现在我的页面顶部。
但是我已经修改了导航栏的位置，所以它会一直保持在顶部（位置：固定）。
因此，当我单击 1 个部分按钮时，所选部分的第一行（以及另外 1 或 2 行）被我的导航栏覆盖... :(
我想要的是一个解决方案，所以当我单击导航栏上的一个选项时，所选部分的第一行不会出现在屏幕顶部，而是在我的栏下方。
如果需要一些代码，请询问具体部分，因为它已经足够长了。
【问题讨论】：
-
最好能构建一个简单的演示来展示您所描述的问题。如果你不能这样做，那么一个简单的页面会显示整体结构（即导航栏和四个部分，以及任何周围的元素等）以及与包含的结构相关的 CSS。
-
好吧，这里有两张截图。 1）当我按下栏上的合适按钮时，它应该是这样的。您可以看到“RED LETTER”行是ompldr.org/vOHI1eA/1.png 部分的顶部 2) 就是这样。您可以看到“RED LETTER”行隐藏在我的徽标和我的栏 ompldr.org/vOHI2Mg/2.png 后面。在 html 中，我有“section”标签，每个标签都有自己的“id”值。我的栏的每个按钮都使用一个“a”标签，其中“href”字段的值是该部分的合适“id”。
-
你想要代码，所以呈现代码 - 人们应该猜测你的标记和样式吗？
-
这是“header”标签的一部分，包含bar和logo........body > header { position:fixed; z-索引：2；背景颜色：白色；顶部：0px； }.......
-
在 html 中我有 "
... ... ".......
标签： css css-position page-jump