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

时间:2013-01-30 21:36:12

标签: html css anchor css-position

我有一个新闻页面,我从我的MYSQL数据库中回复了新闻,在页面的正确网站上,我回应了标题,这是标题页面的锚点链接。

就像有一则名为“嘿”的新闻一样。然后,如果你按“嘿”,你将被移动到那里。 。这很好用。问题是页面有一个位置固定的菜单。当我按“嘿”它工作正常,只是固定菜单重叠一些内容。

所以我想去那个锚标签,但减去菜单的大小。

没有真正的理由发布代码,因为它实际上不会解释它,但问题是你链接到锚标签,只是固定菜单重叠它。我看到了一些关于在标签中添加一个类的东西,并将其放在相对和margin-top上,减去菜单的高度。但这只会移动链接。

有什么建议吗? :)

1 个答案:

答案 0 :(得分:0)

任何位置:固定的东西都会从正常的内容流中取出,因此不会占用页面上的空间。如果我理解正确,您希望您的菜单(位置:固定)占用页面上的空间但保持浮动状态。为了适应这种情况,您需要做以下两件事之一:

  1. 如果您只是在页面的整个垂直长度上为菜单腾出空间,那么只需在整个页面上添加一个边距,即宽度(或略宽)菜单。
  2. 如果你想让每篇文章的右上方都有一个空间,它的内容足够大,可以让菜单和内容围绕它流动,创建一个与每篇文章之前菜单大小相同的div并给它漂浮:对。
  3. 您的问题对于您正在寻找的结果有些模糊,如果没有我无法提供的具体细节。我希望这能提供一个关于去哪里的一般指南。