На this site документ имеет большую ширину. Когда я проверяю его на Chrome, я не вижу, какой элемент вызывает эту проблему.Почему этот сайт имеет большую ширину?
Нет элементов, имеющих эту ширину.
На this site документ имеет большую ширину. Когда я проверяю его на Chrome, я не вижу, какой элемент вызывает эту проблему.Почему этот сайт имеет большую ширину?
Нет элементов, имеющих эту ширину.
Это связано с ошибками в разделе <footer>
.
У вас есть container
, который заставляет ширину внутри колонны бутстрапа. Вам нужно удалить этот класс. См. Приложение ниже.
Другая проблема - прямой ребенок внутри <section id="footer-bottom">
. Это элемент с классом row
, который имеет отрицательный горизонтальный запас. Это также приводит к нежелательному растяжению всего веб-сайта.
использование overflow:hidden
для этого .an.ccm-page
добавить этот стиль в вашем main.css
.an.ccm-page{
overflow:hidden
}
Это связано с <section id="footer-top">
. В <div class="col-sm-3">
у вас есть еще один Bootstrap .container
. Если вы устанавливаете сетки Bootstrap, не используйте снова класс .container
и гнездо, например. .row > .col-sm-3 > .row > .col-sm-12
.
В общем, если вы хотите знать, почему ваша страница слишком широкая: Открыть, например. Chrome DevTools от Chrome, прокрутите вправо и начните удалять элементы со страницы. В настоящий момент страница прокручивается влево, и вы знаете, какой элемент слишком широк.
Его фактически потому, что у вас слишком много тегов html, несовпадающих в вашей разметке, означает открытие тегов без соответствия закрывающим тегам.
Спасибо! теперь он отлично работает! –