左側固定位置側邊欄：50％;在小窗口關閉移動左側尺寸

Question

我已經有了一個固定的位置欄：

.sidebar { 
    position: fixed; 
    top: 51px; 
    left: 50%; 
    min-height: 100%; 
    width: 225px; 
    margin-left: -470px; 
    padding-top: 24px; 
    background: url('images/side-bg.jpg') no-repeat; 
    overflow: hidden; 
    z-index: 20; 
} 

一個margin: 0 auto;「d容器內：

#outside_container { 
    position: relative; 
    min-height: 100%; 
    width: 1022px; 
    margin: 0 auto; 
} 

到目前爲止left:50%;招用負左保證金能夠與網站的其他部分保持一致。但是，當瀏覽器窗口大小縮小到比站點寬度更窄時，nav會急匆匆地向左移動，直到您再也看不到它爲止。試試這裏：http://ravictilanding.cbstage.com/

我該怎麼辦才能阻止這種行爲，但仍然保持固定在正常寬度？

Answer 1

爲什麼側邊欄需要爲left: 50%, margin: -0.5width？您不是將側邊欄本身集中在一起，而只是集裝箱div，並由margin: 0 auto負責。除非我錯過了某些東西，否則您可能根本就沒有定義left並應用正數margin-left將其從#outsidecontainer的邊緣推入。這工作，並沒有出現在Chrome中破壞任何東西，但我沒有看過其他瀏覽器。