Задать вопрос
Q0Q
@Q0Q
Дизайнер, верстальщик, в душе поэт

Почему появляется горизонтальная прокрутка на мобильном (overflow включен)?

Сайт laptevcourse.ru

Где-то полгода не верстал, уверен, что что-то забыл совсем маленькое и глупое.

На мобильном есть горизонтальная прокрутка (айфон)

Оверфлоу включен:
body,html {
  overflow-x: hidden !important;
}


Мета-тег для мобильных есть:
<meta name="viewport" content="width=device-width, initial-scale=1.0">


Очень сильно туплю, подскажите, пожалуйста.
  • Вопрос задан
  • 101 просмотр
Подписаться 1 Простой 4 комментария
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
header img имеет абсолютное позиционирование в то время как сам header имеет позиционирование по умолчанию static, соответственно header img вырывается из потока и позиционируется относительно родителя, в данном случае body. Сам мо себе body и html нельзя ограничить по ширине, если внутри есть элементы выходящие за пределы окна то body,html { overflow-x: hidden !important; } не поможет. Вообще лучше всегда делать обертку всего сайта внутри body и тогда будет работать overflow-x: hidden. Но в данной верстке надо бы и header сделать правильно, так как сейчас это пустышка с нулевой высотой.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы