Почему высота не работает?

Question

[Brad9aga]

почему не срабатывает высота у wrap,
объяснить с технической точки зрения
jsfiddle.net/h7tL9kso

Answer 1

[Dymok]

https://learn.javascript.ru/height-percent
Фиксится довольно просто - jsfiddle.net/9zxcn6wb

Comments

[Brad9aga]

чота я этот момент упустил как-то )

Answer 2

[Евгений Вольф]

почему не срабатывает высота у wrap,

По тому, что у родительского (по отношению к нему) элемента не задана высота. Проценты - это относительная величина, в данном случае, она будет равна 100% height родителя, а height у родителя не задан(а).

P.S. Если добавить родителю height: 100%;, думаю проблема решиться.

Comments

[Brad9aga]

она задана в vh, у родителя есть высота,ответ выше правильный

[Brad9aga]

это баг, на сколько я понял

[Евгений Вольф]

Brad9aga, у родителя не задана высота, высота - это height.

[Brad9aga]

Евгений Вольф, а минимальная высота тогда что

[Евгений Вольф]

Brad9aga, минимальная высота - это минимальная высота, высота - это высота. Если для Вас оба эти слова/определения являются синонимами - просто используйте height, это решит проблему.

[Brad9aga]

не решит,минимальная высота это высота жеско заданная меньше которой он не может быть, в консоли явно видно его размеры

[Brad9aga]

Евгений Вольф, и если есть размеры то дочерний элемент должен принимать его высоту

[Евгений Вольф]

Brad9aga, в данном случае я говорю о конкретном свойстве, height, а не о том, что у элемента (не)видны его размеры, об этом же написано в самом ответе непосредственно.

[Brad9aga]

тогда объясни момент почему при добавлении к родителю высоты в 1 px все начинает работать

[Евгений Вольф]

Brad9aga, наверное, по тому, что речь идёт про свойство height, про которое мне приходится повторять практически в каждом сообщении, включая ответ непредственно?