В каких случаях не применяется стиль height:100%;?

Question

[Никита Братский]

Не могу растянуть объект до низа тела, в чём может заключаться проблема?

Answer 1

[Сергей Горячев]

height 100% работает в случае, если у ВСЕХ родителей, начиная от html и до самого объекта задана высота
https://jsfiddle.net/ktmgb1bx/

либо фиксированная высота есть у родителя, чтобы первому внутреннему ребенку было от чего считать 100%
https://jsfiddle.net/swL8r5sr/

Comments

[Никита Братский]

любая высота или обязательно height:100%;?

[Сергей Горячев]

Никита Братский: А какая может быть другая? Конкретнее примеры приводи.

[Максим]

Никита Братский: ну если вы для : item зададите 100px то и для его потомка 100px = 100% , так же и для html,body зададите 100% и для его первых потомков тоже parent : 100% = child : 100%

[Никита Братский]

Сергей Горячев: высота же не статична, поэтому я и спросил, я имел ввиду, что может быть задано любое значение, к примеру: height: 10px;, это уже будет считаться за заданную высоту.

[Сергей Горячев]

Никита Братский: https://jsfiddle.net/swL8r5sr/ будет

[Никита Братский]

Сергей Горячев: спасибо!

Answer 2

[Максим]

ну для родителя , к примеру html,body делайте height 100% и потом все первые дети смогут тоже быть 100%