侧边栏中可点击的 Div 的问题

Question

我一直在尝试多种解决方案，但导航栏中 link 的可点击区域不在应有的位置。我只是想让整个 div 甚至只是里面的文本成为 link.

http://prelude2cinematestsite.weebly.com/

如果您将鼠标悬停在 "home" 的最顶部，您最终会找到 link 之一。我很早就尝试过的解决方案之一似乎最终解决了这个问题，但随后导致整个侧边栏滚动宽度并将社交媒体图标向下推到屏幕底部，他们拒绝让步。不幸的是，我似乎再也找不到这个解决方案了，因为它是唯一一个真正做到了我想要的，即使它破坏了很多其他东西。

本来应该有下拉菜单的，但是去掉好像也没什么用。

这不是 Weebly 的问题，我已经检查过了。

Answer 1

在您的 css 文件中向 #social 添加一个负的 z-index 将解决您眼前的问题，但看起来您可能仍需要处理导航的移动版本。

Answer 2

您不需要将position:absolute应用到.sidebar-navdiv和#socialdiv。让他们position: relative。它们会在您需要时自动落在另一个下方。然后，删除您在 div 上使用的过多填充以重新定位它们。

目前，由于两者是绝对定位的，所以社交 div 重叠在 .sidebar-nav div 的顶部，无意中阻止了您点击按钮。