Что в моем HTML / CSS / javascript вызывало бы странный разрыв в правой части экрана?

Question

В данный момент у меня в разработке проблема с пробелом в правой части экрана.

Горизонтальная полоса прокрутки существует даже тогда, когда ее обычно не требуется, а при прокрутке вправо на 10-15 пикселей появляется правая сторона сайта. Я все время занимаюсь разработкой HTML / CSS и никогда этого не замечал. Кто-нибудь знает, что может сделать это?

ОТВЕТ, С КОДОМ:

HTML включал в себя div с именем front_content, который был нижней половиной моей главной страницы, заполняя все окно слева направо. Я применил тень CSS3 к этому div, чтобы сделать его тени над div заголовка над ним, как если бы он плавал над ним.

.front_content {
    -moz-box-shadow: rgba(0,0,0,0.4) 0px -5px 10px;
}

Мне было указано, что это приводит к тому, что страница становится шире, чем обычно. Убрав эту тень CSS3, пропасть исчезла.

Answer 1

Это виновник (который также объясняет, почему Зак его не видит), тень делает объект шире, чем вы ожидаете:

.front_content {
-moz-box-shadow:0 -5px 10px rgba(0, 0, 0, 0.4);

Answer 2

Попробуйте добавить overflow: hidden к вашему разделу "main-content". Тогда вы, вероятно, захотите сделать свою кнопку «Применить сейчас» чуть более плавной.

Answer 3

Похоже, ваш раздел меню мультимедиа слишком широкий для экрана.