Member 12656556 Ответов: 1

Я использую начальной загрузки строк и Колум внутри Колума ребенка див, я даю высота:100%, но это возьмет полную высоту?


I am using row and colum bootstrap4.Inside of colum child div i am give height:100% but it take full height?


Я использую bootstrap 4.In ipad div(.
full-heigt
) высота 100% не появляется.Пожалуйста, помогите мне.

Что я уже пробовал:

<div class="контейнер">
<div class="row">
<div class="col-md-6">
<p>Тест</p>
</div>
<div class="col-md-6 full-heigt">
&ЛТ;п&ГТ;тест Тест тест тест&ЛТ;/п&ГТ;
</div>
</div>
</div>
.полный-высота{
высота:100%;
Предыстория:#000;
}

.полная высота heigt:100% не появляется.

CHill60

Попробуйте написать его как ".полный рост"

1 Ответов

Рейтинг:
1

Richard Deeming

height: 100%; значит он займет всю высоту содержащего элемента Вам нужно будет убедиться, что каждый предок элемента - в том числе html и body элементы - были достаточно высоки для ваших требований.

Если вы просто хотите, чтобы элемент занимал 100% высоты видового экрана, то используйте height: 100vh; вместо.

Блоки просмотра: vw, vh, vmin, vmax - Web Design Weekly[^]