Как увеличивать длину блока в зависимости от длины страницы?

Question

[nano_e_t_4]

Всем привет
Вопрос очень избитый, но гугловые советы так и не помогли найти решения :(
Проблема в том, что у меня высота страницы формируется динамически, в зависимости от количества элементов на ней. Элементы расположены друг под другом и формируются скриптом.
Когда пробую выставить height body и html в 100%, то эти блоки занимают только видимую часть страницы, а та часть, которая ниже - вообще непонятно, что это за блок (по крайней мере инспектор firefox показывает, что body и html не имеют никакого отношения к ней отношения). Также пробовал устанавливать значения в единицах vh и vw
Подскажите плз.
Возможно скриншот поможет рассказать немного лучше, чем я

Answer 1

[Денис Васильев]

Может задавать min-height
codepen.io/corvus-007/pen/LpqGWm?editors=110

Comments

[nano_e_t_4]

поскольку в гугле очень много инфы по этому вопросу, то пробовал играть с разными значениями. И min-height и max-height. Ничего не помогает. Почему то браузер считает, что длина body заканчивается видимой частью и дальше не хочет ее воспоинимать :(

Answer 2

[Александр Пупкин]

height:auto;

Comments

[nano_e_t_4]

дак вроде блок body автоматические в auto выставляется, если другое не задано. (но все равно, такой вариант тоже пробовал, не помогает :( )

[Александр Пупкин]

Задавали блоку в котором желтые квадраты?

[Александр Пупкин]

Задайте этому блоку height:auto; Если не поможет попробуйте overflow:hidden;

[nano_e_t_4]

на центральный блок, где расположены кнопки, выставляю hidden, не просъодит ровным счетом ничего. Если выставляю hidden на body то режется все, что ниже видимой части экрана :(.

[Александр Пупкин]

Ну вот пример https://jsfiddle.net/edmxyp49/ если добавлять еще div.main то будет тянутся. У вас наверно какая то каша в коде.

[nano_e_t_4]

да, видимо нада оптимизировать. спс за ссылку, возьму за пример