侧栏中可点击分区的问题

Question

我一直在尝试多种解决方案，但导航侧边栏中链接的可点击区域并不是它们应该存在的位置。我只想把整个div或者只是里面的文本作为一个链接。

http://prelude2cinematestsite.weebly.com/

如果你徘徊在＆＃34; home＆＃34;的顶端。你终于找到了其中一个链接。我很早就尝试过的解决方案之一似乎最终解决了问题，但随后导致整个侧边栏滚动宽度并将社交媒体图标向下推到屏幕底部，他们拒绝让步。不幸的是，我似乎无法找到这个解决方案，因为它是唯一一个真正做到我想要的人，即使它打破了很多其他的东西。

原本应该是下拉菜单，但即使把它们取出也没什么帮助。

这对Weebly来说不是问题，我已经检查过了。

Answer 1

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

Answer 2

您不需要将position:absolute应用于.sidebar-nav div和#social div。让他们position: relative。它们将根据您的需要自动落在另一个之下。然后，删除您在div上使用的过多填充以重新定位它们。

目前，由于两者绝对定位，社交div在.sidebar-nav div之上重叠，无意中阻止您点击按钮。