Как мне создать div, который имеет максимальную ширину / высоту, но вместо того, чтобы иметь полосы прокрутки, у которых все еще нет возможности прокручивать? (обычно выполняется с помощью колесика мыши, выделения текста и перемещения мыши вниз или стрелок вниз)

Я пытался скрыть, но это не позволяет мне прокручивать. Другие параметры либо не позволяют ему иметь максимальную высоту, либо помещают полосы прокрутки.

Вотобразец демо, Я бы хотел, чтобы у меня не было полосы прокрутки, но я мог видеть eof.

<div id=main>
    Text text text text text text text text...
    Text text text text text text text text...
    eof
</div>

#main {
    max-height: 400px;
    /*overflow: auto;*/
    overflow: hidden;
}