Прокрутка с переполнением приводит к обрезанию контента ⇐ CSS

[Anonymous]

Сейчас у меня есть контейнер с максимальной высотой 800 пикселей. Он также имеет переполнение: прокрутка. То, чего я пытаюсь достичь, просто (вероятно, не так просто, поэтому я и спрашиваю вас, ребята!).

Я хочу и дальше использовать эту прокрутку с переполнением. . Однако у меня есть контент, который обрезается. У меня есть div с выпадающим списком классов, внутри которого я хочу, чтобы содержимое намеренно накладывалось на этот контейнер. Если вы посмотрите на фрагмент кода, мой контент внутри div обрезается, как и должно быть, из-за прокрутки переполнения.

Как мне обойти это и сохранить это? Мне все еще нужен этот контейнер с возможностью прокрутки, но мне также нужен способ, чтобы мой контент по-прежнему отображался в этом положении.

Предложения, пожалуйста!

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

    * {
padding: 0;
margin: 0;
}

.scroll-list {
max-height: 800px;
overflow-y: scroll;
border-radius: 5px;
border: 5px solid blue;
width: 400px;
}

li {
height: 200px;
width: 100%;
border-radius: 2px;
background-color: white;
font-size: 15px;
text-align: center;
list-style-type: none;
background: lightgray;
/* margin: 0 auto; */
}

.future-dropdown {
position: relative;
left: 200px;
}

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

  



  






[*]




[list]
Content Future dropdown
[*]Content
[*]Content
[*]Content
[*]Content
[*]Content
[*]Content
[*]Content
[*]Content
[*]Content
[/list]

Подробнее здесь: https://stackoverflow.com/questions/532 ... to-cut-off