У меня есть ul, который я выложил полный изображений. Изображения чаще всего достаточно многочисленны, поэтому необходима полоса прокрутки. Существует взаимодействие перетаскивания между изображениями к и от аналогичного ул. Оба ul должны быть видны на экране, поэтому мне нужна полоса прокрутки для этого. Я установил это вручную, и вот CSS для ul:
border: 2px solid black;
height: 70%;
list-style-type: none;
overflow-y: scroll;
Я хочу, чтобы высота составляла 70% экрана, но если использовать%, ul просто расширяется за пределы экрана, и браузер сам получает полосу прокрутки. Я установил overflow-y для принудительной установки полосы прокрутки, но это не меняет поведения.
Я использую сетку начальной загрузки для изменения размеров элементов. Мне нужно, чтобы этот ul был изменяемого размера с остальным содержимым страницы, но единственный способ не допустить его расширения - это установить статическую высоту.
Кто-нибудь знает, как это сделать, или почему процентные значения CSS здесь не работают? Я посмотрел в инструментах разработчика Firefox, и высота: 70%; все еще там, не вычеркнут.