HTML / CSS / jQuery コーディング

【CSS】スクロールバー有無による画面のズレを解消


通常、スクロールバーの表示は、ページの長さによって自動的に表示・非表示になります。

そのため、ページによってはスクロールバーの有無により、その分だけ画面の横幅がズレてしまいます。

これは、常にスクロールバーを表示しておくように設定する事で解消できます。

CSSの記述は下記になります。HTML側の編集は不要です。

 

◆CSS

html {
overflow-y: scroll;
}

 

関連する記事

  1. 【CSS】画像の下に文字を回り込ませないコーディング
  2. 【CSS】dt ddの横並び サンプル
  3. 【CSS】フッターの背景にページトップボタンを被せる
  4. 【HTML】HTML5のH1タグについて
  5. 【CSS】アニメーションでキラッと光るボタンを作る

-HTML / CSS / jQuery コーディング
-

© 2026 Web担当屋 ブログ