Появление полосы прокрутки перемещает объекты на моем сайте

Question

У меня есть этот сайт, написанный на php, и когда контент достаточно большой, появляется вертикальная полоса прокрутки. полезная вещь, конечно, но мне нужно найти способ, чтобы он не смещал содержимое сайта немного влево!

также может ли кто-нибудь сказать мне, как я могу справиться с тем фактом, что, когда я вручную изменяю размер окна браузера, весь контент сжимается, чтобы поместиться в окне?

Answer 1

полезная вещь, очевидно, но мне нужно найти способ, чтобы он не смещал содержимое сайта немного влево!

Это может быть очень раздражающим эффектомпри переключении между страницами с одинаковым базовым макетом.Я знаю, что единственный способ предотвратить это - постоянно нажимать на вертикальную полосу прокрутки:

body { overflow-y: scroll } 

Я часто считаю, что это стоит сделать, чтобы обеспечить плавность работы.

Internet Explorer по умолчанию резервирует место для полосы прокрутки, независимо от того, нужна она или нет.Это одна из немногих вещей, которая работает лучше, чем другие браузеры.

Answer 2

Я обычно предпочитаю метод, который упоминает Пекка, но

body {
  margin-bottom: 1px;
}

можно использовать, если вам нужен действующий CSS 2.1 по любой причине.

Answer 3

Я предполагаю, что проблема в том, что полоса прокрутки перемещает содержимое?

Самый простой способ сделать это - убедиться, что высота всегда немного больше, чем у окна, чтобы полоса прокрутки всегда была там, поэтому содержимое ВСЕГДА смещено, поэтому смещения нет.

body {
 min-height: 101%;
}

должен сделать трюк.