Если это - Ваше приложение, и можно изменить его, Вы можете:
Не должен работать он это тяжелее это это.
Добавьте position: relative
в .ui-carousel
во втором подходе. Абсолютно позиционированные элементы извлекаются из потока. Если вы не разместите ul
относительно области просмотра, элементы списка будут размещены относительно области просмотра, игнорируя переполнение их родительского элемента.
Также вы можете удалить display: block
] в элементах списка. Свойство display в основном игнорируется для float.
Я не вижу дисплея: скрыто добавлено во втором подходе ...
Свойство переполнения должно быть установлено для родительского
для скрытия переполненных элементов списка.
И для вашего первого подхода, Я' d рекомендую использовать внешний Затем примените стили элементов списка, как и раньше, с плавающими точками и блоками.
<div style="overflow: hidden; width: 200px; height: 120px;">
<ul style="height: 120px;">
<li>Whatever</li>
<li>More stuff</li>
<li>Even more</li>
</ul>
</div>