父div外部的位置元素

Question

我正在使用引导构建一个可折叠的侧边栏，当侧边栏切换到一个迷你导航时，我试图让一个子菜单从侧边栏中弹出。

示例：http://niftyfifty.nl/sidebar/

当窗口大小> 767时，单击“切换”按钮，侧边栏将缩小为一个迷你导航。然后，当您悬停在齿轮图标(设置)上时，子菜单将显示在图标右侧的侧边栏中(当您悬停图标时，可以通过向右滚动来看到这一点)。我希望这个子菜单显示在侧边栏之外。有人能帮我吗？

Answer 1

我不能100%肯定这就是你想要的，但是你可以用下面的步骤将设置子菜单定位在侧边栏之外。

首先你需要设置

overflow:visible;

对于侧栏包装器，以便仍然可以看到超出div的项。你需要重新定位子菜单，这样它就会在你想要的地方弹出。首先，确保用于设置的< li >元素是

position:relative;

如果所有子菜单都会这样做，则可以对所有< li >元素执行此操作。然后将< ul class=“折叠”设置为“>

position:absolute;
top:0px;
right:-97px;          (the width of the sub-menu)

这将设置在设置按钮右上角的子菜单div的开始位置。现在，当您高亮显示设置时，菜单将出现在它的旁边，而不是它下面。