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ポジティブを定義して適用することはできません。これは機能し、Chromeでは何も壊れていないようですが、他のブラウザは調べていません。margin-left#outsidecontainer

于 2013-02-06T01:21:43.410 に答える