У меня есть элемент div на моей странице, его высота установлена на 100%. Высота тела также установлена на 100%. Внутренний div имеет фон и все это и отличается от фона тела. Это работает для того, чтобы высота div составляла 100% от высоты экрана браузера, но проблема в том, что у меня есть содержимое внутри этого div, которое выходит вертикально за высоту экрана браузера. Когда я прокручиваю вниз, div заканчивается в том месте, с которого нужно было начать прокручивать страницу, но содержимое выходит за рамки этого. Как сделать так, чтобы div всегда шел до самого дна, чтобы соответствовать внутреннему содержанию?
Вот упрощение моего CSS:
body {
height:100%;
background:red;
}
#some_div {
height:100%;
background:black;
}
Как только я прокручиваю страницу, чернота заканчивается, и содержимое перетекает на красный фон. Кажется, не имеет значения, установил ли я положение относительно или абсолютно на #some_div, проблема возникает в любом случае. Содержимое внутри #some_div в основном абсолютно позиционировано и динамически генерируется из базы данных, поэтому его высота не может быть заранее известна.
Изменить: Вот скриншот проблемы:
overflow: hidden;
, overflow: scroll;
, и т.д.).