0

我有一个固定位置的侧边栏：

.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%;左边距为负的技巧很好地使其与站点的其余部分居中。但是，当浏览器窗口大小减小到小于站点宽度时，导航会快速向左移动，直到您再也看不到它为止。在这里试试：http ://ravictilanding.cbstage.com/

我能做些什么来阻止这种行为，同时保持它固定在正常宽度？

4

1 回答 1

2

为什么需要侧边栏left: 50%, margin: -0.5width？您没有将侧边栏本身居中，只有容器 div 并由margin: 0 auto. 除非我遗漏了什么，否则您根本无法定义left并应用正数margin-left以将其从#outsidecontainer. 这有效，似乎不会破坏 Chrome 中的任何内容，但我没有看过其他浏览器。

于 2013-02-06T01:21:43.410 回答