用抽屉固定定位

Question

在this site我有侧导航position: fixed，它可以正常工作，直到有人点击＆＃34;我的购物车＆＃34;然后将推车出现在抽屉中，从而推下主容器。

然而，侧面导航器没有被推下来，它看起来像这样。你可以看到徽标作为比较工作正常，导航应该在它下面，但它不是。

这里是目前侧栏上的CSS

#index #sidebar, #index-v2 #sidebar {
top: 100px;
position: fixed;
left: 0;
z-index: 99;
}

任何想法如何让它工作，以便在容器处于活动状态时侧边栏向下推？

Answer 1

随着你将它设置为位置：固定它将始终保持在那里。如果你想让它在抽屉打开时向下移动我会建议将侧面导航放在主容器内并将其设置为浮动：左边或位置：绝对而不是位置：固定。

如果使用后一个选项，则应将主容器设置为position：relative