Как переполнение: авто занимают всю вертикальную высоту?

Question

У меня есть HTML, где у меня есть DIV:

<div style="overflow:auto;height:100%;"> 
Lots of lorep ipsum here that requires scrolling. 
</div> 

Моя проблема, когда я установил высоту, чтобы быть на 100%, нет полосы прокрутки, содержание забегает за всю высоту окна. Если я установил его на 500 пикселей, то есть полосы прокрутки. Если я установил фоновый цвет, когда высота 100%, вся высота будет правильно окрашена.

Я хочу, чтобы иметь возможность сделать что-то, где я могу установить свой рост на 100% и иметь возможность прокручивания полосы прокрутки до длины окна. Этот div находится в пределах div, который позиционируется абсолютно с высотой 100%.

Answer 1

Свойство overflow указывает, следует ли обрезать контент, отображать полосы прокрутки или просто отображать содержимое, когда оно переполняет контейнер уровня блока. Он не будет отображать полосу прокрутки по умолчанию, если вы установите свой контейнер на высоту 100%.

Я хочу, чтобы иметь возможность сделать что-то, где я могу установить свою высоту на 100% и иметь возможность прокручивания полосы прокрутки до длины окна.

Вы можете использовать overflow: scroll;, чтобы иметь полосы прокрутки браузера, независимо от того, обрезано или нет.

Answer 2

Там нет никаких проблем с кодом вы выложили

<div style="overflow:auto;height:100%;"> 
Lots of lorep ipsum here that requires scrolling. 
</div> 

https://jsfiddle.net/1e1gmvwp/

Вы должны дать немного больше контекста, если вы хотите получить ответ.

P.S. Я бы прокомментировал это, но вам нужно 50 rep написать комментарии