左侧固定位置侧边栏：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中破坏任何东西，但我没有看过其他浏览器。