Что вызывает горизонтальную полосу прокрутки в CSS?

Question

У меня есть отвратительная горизонтальная полоса прокрутки на веб-сайте, который я разрабатываю, и я не могу найти причину этого.Я сделал свою домашнюю работу и искал решение, но единственное, что мне удалось найти, - это обычный метод установки свойства overflow-x в значение «скрытый».Это неприемлемо для меня, поскольку это только скрывает проблему, но не устраняет ее.Каким-то образом что-то толкает ширину моего сайта за пределы окна просмотра, хотя я пытался установить максимальную ширину на 100% с помощью CSS (я даже пытался применять его глобально).Вот ссылка на мой сайт, чтобы вы могли получить более качественную картинку: Ссылка на сайт

Обратите внимание, что большая часть сайта отображается нормально, как будто не должно быть горизонтальной полосы прокрутки.Тем не менее, картинки и «колонки» DIV, центрируются по общей ширине.

Я почти дошел до того, что мне нужно все пересмотреть и начать все сначала.Любая помощь будет принята с благодарностью.

Answer 1

Первое, что приходит на ум, это то, что ваш класс .row имеет левую позицию 100% и максимальную ширину 100%.Это определенно является частью проблемы.

После дальнейшего изучения вы неправильно используете свойства левого и правого положения.Даже ваши миниатюры изображений являются частью общей проблемы.

Вы правы, что установка overflow-x: hidden не решит вашу проблему.

После просмотра таблицы стилей и удаления всех левых исвойства right, где вы устанавливаете left: 100% или right: 100%, это решает проблему.(отлажено в firebug для firefox)