Переполненная прокрутка заставляет контент отключить ⇐ CSS

[Anonymous]

В настоящее время у меня есть контейнер с максимумом 800px. Он также имеет переполнение: прокрутка. То, что я пытаюсь достичь, просто (вероятно, не так просто, поэтому я спрашиваю вас, ребята!). Тем не менее, у меня есть контент, который отрезан. У меня есть Div с классом Future-Dropdown, который, как я хочу, контент внутри, чтобы нарочно наложить этот контейнер. Если вы посмотрите на фрагмент кода, мой контент внутри Div отрезается, как и должно из-за переполнения. < /p>

Как я могу обойти это и все еще иметь это? Мне все еще нужен этот прокрученный контейнер, но мне также нужен способ, чтобы мой контент показал в этой позиции. < /P>

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

* {
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;
}< /code>

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

  



  






[*]




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

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