Я использовал шаблон Zurb, чтобы начать пустой проект.Когда я добавляю ползунок «Чистый герой», блок имеет высоту 0Я обнаружил, что это сочетание нескольких вещей.
В этом определении используется! Important
ul.orbit-container {
height: auto !important ;
}
Элемент с этим классом содержит элементы li, указывающие изображения, на которые нужно повернуть.Они имеют абсолютную позицию (часть возможности их автоматической прокрутки?), Поэтому height: auto разрешается до 0 (абсолютные элементы не учитываются для высоты).Таким образом, несмотря на то, что JS устанавливает высоту на уровне элемента (в строке) каждый раз, когда изображение переставляется.Параметр! Important имеет приоритет над высотой строки, и изображения не отображаются.
Если я изменяю li на относительную, высота работает, но прокрутка изображений работает неправильно.
Поэтому я снимаю! Важный, и он работает.
Так в чем же мой вопрос?
Как правильно исправить?Если бы по этой причине существовала директива! Important, что-то еще могло бы сломаться, возможно, из-за отзывчивости.
Кроме того, хорошо размещенное переполнение: visible также может это исправить, но это кажется даже "хакерским".
У кого-нибудь есть идеи?
(Кроме того, прямо сейчас Foundation Forum заявляет, что он не принимает новых учетных записей, и отсылает меня сюда - поэтому нет необходимости возвращать меня туда. Спасибо!;-)