Блог

Главная - Вопросы по программированию - Проблема с пробелами — реагирующий маршрутизатор

Проблема с пробелами — реагирующий маршрутизатор

#reactjs #react-router #whitespace #removing-whitespace

#reactjs #реагирующий маршрутизатор #пробелы #удаление-пробел

Вопрос:

Проблема с пробелами (изображение)

Всем привет! У меня эта проблема уже давно, я много чего перепробовал и до сих пор не могу ее решить. Итак, это проект React-Router, и проблема в этом пробеле, который я не понимаю.

  1. Я искал в инструментах разработчика (Chrome), и нет ничего, что переполняло бы нормальную ширину

  2. Это происходит только на первой странице, пока не появится раздел «Вы превыше всего»

  3. Я удалил все компоненты до тех пор, пока не появится надпись «Ты превыше всего», и она все равно появляется

Вот ссылки:

Website: https://andre-rd-rodrigues.github.io/wheretofindme

Репозиторий: https://github.com/andre-rd-rodrigues/wheretofindme/tree/main/src

Я был бы очень признателен за вашу помощь. Спасибо и будьте в безопасности 🙂

Комментарии:

1. поделитесь фрагментом кода соответствующей области. Это трудно понять, не просматривая код ar. использовать codesandbox.io если потребуется.

2. Я только что добавил ссылки, ахаха, спасибо 🙂

3. : D … ооо, отлично…

Ответ №1:

Я решил это, это в вашем компоненте служб и вашем компоненте, я решил так

 .services-row {
   overflow: hidden;
}
#you-div {
    margin: 100px 0;
    overflow: hidden;
}

Комментарии:

1. хороший проект, кстати

2. Ты потрясающий! Большое вам спасибо за помощь и положительные отзывы: D Не могли бы вы объяснить, что происходит? Таким образом, я мог бы избежать беспорядка в будущем 🙂

3. да, конечно, в основном вы использовали библиотеку анимации aos, и в ваших компонентах services и вашем компоненте you вы перемещаете элементы экрана на экран, и поскольку вы не установили `переполнение: скрытый; ` для их родителей, они влияют на ширину их родителей

4. Да! Имеет смысл. В следующий раз я уделю больше внимания. Еще раз большое вам спасибо 😉