2

ページのコンテンツをラッパー div でラップし、これをスタイルシートに配置して、ページのコンテンツを中央に配置しました。

#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

問題は、ビューポートのサイズが変更されたため、コンテンツが増加して垂直スクロールバーが表示されるたびにコンテンツが移動することです。スクロールバーの可視性に関係なく、中央に配置されたコンテンツの位置が変わらないようにするにはどうすればよいでしょうか?

4

1 に答える 1

4

ページの幅が変更されると (スクロール バーが表示されると)、コンテンツはウィンドウのサイズ (margin-left: auto; margin-right: auto) に対して相対的に配置されるため、コンテンツの位置も変更されます。

これを修正するために、これを使用してページ上のコンテンツの絶対位置を指定できます。postion:absolute

もう 1 つのオプションは、overflow-y プロパティを使用して、要素のコンテンツにオーバーフローするコンテンツをクリップするかどうかを指定することです。

html {overflow-y:scroll;}
于 2012-10-19T05:53:35.400 に答える