#html #css #grid #html-lists
#HTML #css #сетка #html-списки
Вопрос:
Сегодня я готовлюсь к запуску нового сайта для клиента. Я не видел никаких предыдущих сообщений, которые действительно освещали проблему, с которой я столкнулся.
Промежуточный сайт: http://honeststudio.com/lecture-videos /
В принципе, у меня есть сетка видео YouTube в неупорядоченном списке. Сегодня утром, когда клиент добавлял видео, в сетке открылось большое пространство перед видео «Лекция Уоррена Картера, часть 2» (предпоследний ряд, очень правый). Я действительно не видел, чтобы список в стиле CSS вел себя таким образом раньше.
Когда я удалил левое значение с плавающей точкой в элементах списка, сетка очистилась, но «Лекция Уоррена Картера, часть 1» (вторая строка вниз, очень правая) находилась на расстоянии 20 пикселей от верхней части строки.
Я провел много проб и ошибок за последние полчаса и не добился большого прогресса, поэтому любая помощь была бы действительно потрясающей!
Большое спасибо!
Ответ №1:
Попробуйте добавить clear где-нибудь? Это похоже на причину, по которой пространство открывается при добавлении видео. Или попробуйте сделать это display:inline-block вместо использования float:left и посмотреть, что произойдет?
Комментарии:
1. В итоге я добавил фиксированную высоту к элементам li, и это все исправило. Хотя это и не идеально, это выполнимо. Проблема существовала в последней версии Firefox.