Выпадающая часть CSS - как мне поместить его на странице? ⇐ Html

[Anonymous]

У меня есть страница на моем сайте, на которой есть несколько фильтров. У каждого есть кнопка фильтра, которая при нажатии открывает раскрывающееся меню параметров. Соответствующий макет страницы такова: < /p>
Первоначально фильтровая опции не существует; Когда пользователь нажимает на имя фильтра, в (программатически) добавляется фильтровая опции (программатически), и когда они снова нажимают на имя, оно удаляется. Когда пользователь выбирает значение фильтра, список изменяется, а дисплей обновляется. Я не уверен, как убедиться, что элементы фильтра не отрезаны. Это не в полной мере показывает проблему, но если вы посмотрите на нее и изобразите все, что ниже, то есть «содержание нижнего колонтитула», его отрубили, это то, что у меня есть. < /p>
Может ли кто-нибудь предложить, что я могу сделать, чтобы сделать весь раскрывающееся место видимым? Lang-CSS PrettyPrint-Override ">

Код: Выделить всё

.page-wrapper {
display: block;
}

.filters-wrapper {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.filter-options {
max-height: 50vh;
overflow-y: auto;
position: absolute;
width: max-content;
z-index: 20;

li {
display: flex;
position: relative;
width: 100%;
}
}

.page-content {
min-height: 200px;
}< /code>




Users
[list]
[*]Option 1
[*]Option 2
{etc...}
[/list]



{content here depends on the filter}


{...some content here...}

Подробнее здесь: https://stackoverflow.com/questions/797 ... n-the-page