Как задать высоту колонки?

Question

[Muslim Mamaev]

Здравствуйте! Почему у меня не получается задать высоту в процентах height: 100%; ? В пикселях можно задать. ПРИМЕР
Для проверки я еще внутренние дивы добавил

Comments

[Дмитрий]

100% чему и от чего? что должно получиться? добавьте к .row height: 100vh - это имели ввиду?

[Muslim Mamaev]

Дмитрий, Добавил , не работает

[Дмитрий]

Muslim Mamaev, так что не работает то? чего вы хотите добиться? ну непонятно же...

[Muslim Mamaev]

Дмитрий, Я хочу задать всем 3 колонкам определённую высоту. Вы просили к .row добавить height: 100vh; Добавил, но ничего не изменилось

[Дмитрий]

Muslim Mamaev, Так?

[Muslim Mamaev]

Дмитрий, для чего к body довил height: 100vh ?

[Дмитрий]

Muslim Mamaev, ладно, у нас не клеится диалог. я трижды попросил уточнить, чего Вы хотите добиться.
Определенную высоту добавить это не 100%. Определенную - это 300 пикселей. Проценты должны отсчитываться от чего-либо. Высоты родительского элемента. Я показал 100% от высоты 100vh для body. Теперь можете любые проценты выставлять.

[Muslim Mamaev]

Дмитрий, Да так, это именно что я хотел. Спасибо вам большое!

Answer 1

[Евгений]

"Стандартными" методами не получится задавать высоту в относительных единицах, она всегда будет равняться ближайшему родителю в дереве с position: relative, для которого эта высота известна или задана явно, т.е. не вычисляемое значение, почувствуйте разницу! Обычно ближайший такой родитель, это окно браузера или документ.

Древний метод, положить всё в ячейки таблицы, будет резинка, по самому высокому содержимому.

НО! В современных реалиях, для подобной верстки, я бы вам посоветовал использовать display: flex либо display: grid.

Comments

[Muslim Mamaev]

Там и используются флексы

Answer 2

[Steppp]

хоть бы пример кинули) Ну а вообще если подумать, то 100% это сколько? От чего отталкиваться браузеру?

Comments

[Muslim Mamaev]

Пример же я кинул. оставил ссылку

[Steppp]

Muslim Mamaev, Не заметил ссылку)

.height_center {
  height: auto;
}

Answer 3

[Lukmann]

задайте родителю определенную ширину

Answer 4

[Сергей delphinpro]

https://yandex.ru/search/?text=css%20height%20100%25