帶抽屜的固定位置

Question

在this site我有側面導航position: fixed它工作正常，直到有人點擊「我的購物車」，然後將購物車出現在抽屜中，從而推下主容器。

但是，側導航沒有被推下來，它看起來像這樣。您可以看到徽標正常工作作爲比較，導航應該在其下方，但事實並非如此。

這裏的側邊欄上的CSS目前

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

任何想法如何得到它的工作，使側邊欄按下當容器被激活？

Answer 1

由於您已將它設置爲位置：固定它將始終保持在那裏。如果你希望它在抽屜打開時向下移動，我會建議將side nav放置在主容器中，並將其設置爲float：left或position：absolute，而不是position：fixed。

如果你使用後者的選項，你應該設置主容器的位置：相對