Различных высот с различными div и экранами
Я искал ответы в течение некоторого времени, и я полагаю, что ответы могут быть здесь, чтобы найти, просто, что я не достаточно квалифицирован, чтобы собрать все знания вместе, чтобы соответствовать моему точному случаю. Вот в чем дело:
У меня есть страница с центрированным заголовком и содержимым. У центрированного содержимого div есть фоновое изображение, а весь контент находится в разных div, которые становятся видны при щелчках в меню заголовка. Моя проблема в том, что я хочу, чтобы высота всей страницы изменялась в зависимости от длины видимого элемента div. Тем не менее, я также хочу, чтобы оно было не менее 100% на большом экране, поскольку я хочу, чтобы фоновое изображение элемента с центрированным содержимым всегда заполняло по вертикали всю область экрана, если у вас большой экран.
Как я решил это сейчас: тело имеет минимальную высоту 100%, а обертка содержимого имеет следующий CSS:
width: 1159px;
height:100%;
min-height: 2500px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('images/bg.jpg');
Значение 2500px - это примерно высота заголовка + наибольшее значение div. Моя проблема сейчас в том, что у div с меньшим содержанием много пустого пространства внизу страницы, которое можно прокручивать, если вы используете маленький экран.
Спасибо всем заранее!