hr за div на мобильном телефоне

Question

У меня есть код, работающий на всех настольных брэндсах, но на мобильном телефоне у него есть ошибка.

Линии HR элементов и квадрат в середине является DIV. У div есть позиция: относительная и фиксированная ширина и высота. Я не использую z-порядок.

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

Дополнительная информация, которая может быть полезна: div в середине является частью горизонтального элемента ul, который содержит изображения списков с элементами, а также текст. Также называемый слайдер контента;)

Когда я инициализирую слайдер с некоторыми слайдами изображений в нем, на мобильном телефоне макет всегда отображается правильно. Также, когда я просматриваю только контент-слайды. Но когда я помещаю только слайды с самого начала, появляется эта ошибка.

Я не знаю, что это такое ... попытался получить это поведение с помощью браузера рабочего стола, чтобы найти причину, но не добился успеха. Я не знаю, почему туда едет. Нет никакого отношения к содержанию на слайде. Позиция, где появляется hr, находится где-то посередине, между текстом ...

Заранее спасибо.

Answer 1

не видя ваш код, «лучше всего догадка», основанная на прошлом опыте:
Похоже, что вы могли бы плавали содержимое внутри вашего слайдера, а сам ползунок не "cleared".

Если у вас есть плавающий контент внутри ползунка, убедитесь, что внешний слайдер div очищен.