导航链接突然无法点击

Question

我正在为一个类的页面工作，只是为了显示的东西（你可以看到它们按照正文中的章节排序），但我最初在左边列出了一个列表，他们都是，我想保留它。

问题是，一旦我开始添加更多的CSS - 我不知道到底在哪里 - 左侧区域变得完全不可点击。你不能突出显示文字，你不能点击任何文字 - 什么都不会。我完全不知道是什么导致了这一点。

链接到该网站here

here是引擎收录的链接显示我的一切。

谢谢，我真的很感激任何帮助。

Answer 1

这是因为您的.content div使用的是position: absolute;，所以它从页面流中取出并重叠侧边栏，因为它没有设置宽度（块元素跨越视口的整个宽度，除非您给它一个固定宽度）。 。只需为您的.content div添加一个负值z-index值，它应该可以正常工作。

更多关于z-index

Answer 2

的。内容的div重叠整个身体区域，因 “的位置是：绝对的;”

在您的CSS中添加z-index: 9999;到#menu它应该是可点击的。

其他方法是使用“position：relative; float：left;”同时.content和#menu，但你必须小心他们的宽度。它们的宽度总和（包括填充和边距以及边框）应该小于或等于容器宽度。在你的情况下，它应该是身体标记（实际上是没有看到身体标记在你的HTML）。