我正在为一门课程制作一个页面，只是为了显示内容（您可以在正文中看到它们按章节排序），但我最初在左侧有一个列表，我最初使用的只是列出了所有内容，我想留着它。
问题是，一旦我开始添加更多的 CSS——我不知道具体在哪里——左边的区域就变得完全无法点击。您无法突出显示文本，也无法单击任何文本 - 什么都没有。我完全不知道是什么原因造成的。
链接到这里的网站
这是一个显示我所拥有的一切的 pastebin 链接。
谢谢你，我真的很感激任何帮助。
问问题
401 次
2 回答
1
.content div 与整个正文区域重叠，因为“位置：绝对；”
添加z-index: 9999;到#menu您的 CSS 中，它应该是可点击的。
另一种方法是使用“位置：相对；浮动：左；” .content 和#menu，但你必须小心它们的宽度。它们的宽度总和（包括内边距、边距和边框）应小于或等于容器宽度。在您的情况下，它应该是正文标记（实际上是在您的 html 中看不到正文标记）。
于 2013-02-26T03:51:20.610 回答
0
那是因为你的.contentdiv 正在使用position: absolute;，所以它被从页面流中取出并与你的侧边栏重叠，因为它没有设置宽度（块元素跨越你的视口的整个宽度，除非你给它一个固定的宽度）......只需添加一个z-index负值到您的.contentdiv，它应该可以正常工作。
更多关于z-index
于 2013-02-26T03:50:47.857 回答