Как растянуть на всю высоту?

Question

[Ilya Korablev]

Здравствуйте.
Необходимо растянуть блок image на всю высоту страницы. Как это сделать?

Answer 1

[Никита Баев]

Можно с помощью vh:

img {
  height: 100vh;
}

Answer 2

[Roger]

Попробуйте

body {
    background-image: url(apelsin.jpg);
    background-size: cover;
  }

Answer 3

[L0k1]

height: 100% отменили что-ли?

Comments

[Ilya Korablev]

Я ж не глупый. Не работает он ._.

[IceJOKER]

Ilya Korablev: все родители тоже должны иметь 100% height

[Ilya Korablev]

IceJOKER: страница скролится, а надо чтобы изображение было на всю ширину (НО НЕ РАСТЯГИВАЛАСЬ)

[IceJOKER]

Ilya Korablev: подождите, сейчас загляну на вашу страницу и посмотрю что там )

Answer 4

[Иван Соломенников]

Дать элементам html, body min-height: 100%, потом дать блоку с image height 100%, так пробовали?

Answer 5

[IceJOKER]

Запомните раз и навсегда - для того , чтобы указать высоту 100% у детеныша - у родителей тоже должно быть свойство height 100%, вниз по иерархии ..
html body wrapper div и так далее в зависимости от вложенности

Comments

[L0k1]

ну не обязательно у родителя 100%, просто у родителя должна быть высота задана, неважно какая

[IceJOKER]

L0k1: "указать высоту 100% у детеныша" - имелось в виду 100% всего документа, а так , конечно, вы правы )

Answer 6

[kiberlain]

надо родительскому блоку задать определённую высоту, либо свойство position relative а блоку img position absolute и тогда блок должен растянуться