html - 固定菜单栏与同一页面上的链接内容重叠

Question

我有一个新闻页面，我从我的 MYSQL 数据库中回显新闻，并在页面的正确站点上回显标题，它是页面该部分的 anchor 链接。

比如有个新闻叫“嗨”。然后，如果您按“嘿”，您将被移动到那里。 .那很好用。问题是页面有一个位置固定的菜单。当我按下“嘿”时它工作正常，只是固定菜单重叠了一些内容。

所以我想转到那个 anchor 标记，但要减去菜单的大小。

没有真正的理由发布代码，因为它真的不会解释它，但问题是您链接到 anchor 标记，只是固定菜单与它重叠。我看到了一些关于向标签添加类并将其定位为 relative 和 margin-top on 减去菜单高度的内容。但这只会移动链接。

有什么建议吗？ :)

Answer 1

任何具有 position: fixed 的内容都会脱离正常的内容流，因此不会占用页面空间。如果我理解正确的话，您希望菜单(位置:固定)占用页面空间但保持 float 。为此，您需要执行以下两项操作之一:

1. 如果您只需要在页面的整个垂直长度下方为菜单留出空间，只需在整个页面上添加一个比菜单宽度(或稍宽)的边距。
2. 如果您想让每篇文章在其内容的右上角都有一个空间，刚好足够菜单和内容围绕它流动，请在每篇文章之前创建一个与菜单大小相同的 div并给它 float :对。

关于您正在寻找的结果，您的问题有些模糊，没有代码我无法提供具体细节。我希望这能提供一个关于去哪里的一般指南。