css-центрированный контент перемещается влево или вправо

Question

У меня есть HTML, где содержимое центрировано с помощью классического метода:

width: 960px;
margin: 0 auto;

Теперь в зависимости от высоты содержимого на странице может отображаться полоса прокрутки. из-за этого содержимое будет немного меньше по центру.

Таким образом, содержимое будет просто перемещаться влево или вправо.

У меня есть решение overflow-y: scroll; на body, которое всегда будет показывать полосу прокрутки.

Но если у вас в основном маленькие страницы, вы все время получаете неиспользуемую полосу прокрутки.

Есть ли лучшие решения для этого?

Спасибо.

Answer 1

Вы можете удалить полосы прокрутки:

body, html {
    overflow: hidden;
}

Или (и все еще скрывая полосы прокрутки), выбрать решение javascript, чтобы добавить полосы прокрутки внутри нужного блока, чтобы он не сдвигалсодержание.