Высота 100% на css и bootstrap
Сомневаюсь, высота 100% это сумма высоты отца div? Это означает, что если у меня есть div 100, а внутри одного из 20% черного и разных 80% красного, если я помещу один из 100% внутри красного, он будет принимать 100% как 80% от общего количества? Изображение
Если я это сделаю, это займет 100% как сумма экрана и отца уходит из div. Изображение
Спасибо большое 4 раза!
пожалуйста, поместите свой код, чтобы мы могли вам помочь
Добро пожаловать в SO. Пожалуйста, возьмите тур из справочный центр, чтобы увидеть как задать хороший вопрос. Мы не сможем вам помочь, если вы не предоставите код - посмотрите, как создать минимальный воспроизводимый пример
Ответы 2
без вашего кода трудно вам помочь, потому что у вас может быть какое-то свойство, которое отрицало компортирование элементов по умолчанию, но чтобы ответить на ваш вопрос, да, height : 100% принимает максимальную высоту родительских элементов, его необходимо установить на родительском элементе в вашем первом изображении, если ваш html structur хороша, div, который принимает 100%, будет иметь максимальную высоту 80% div, но, например, если вы используете float, вы теряете поток, поэтому вы отрицаете родительское наследие по умолчанию
Без кода это только предположение, поэтому вы должны голосовать за закрытие, а не отвечать на него.
Есть ли способ сделать панель навигации bootstrap4 в пикселях, а из оставшейся высоты сделать два div, которые занимают 50% оставшейся высоты каждый? Изображение
Если я правильно понял, вы пытаетесь разделить часть внутри красной части так, чтобы она составляла 50/50, верно?
Насколько я понимаю, это будет процент элемента, внутри которого он был. Итак, код должен работать и давать вам что-то вроде этого
http://jsfiddle.net/dinhhuyanh99/tqrb6anw/
.container80 {
height: 80%;
background-color: rgb(20, 150, 20);
}
.container50 {
height: 50%;
width: 50%;
border: 1px dotted black;
background-color: rgb(20, 150, 220);
}
.container20 {
height: 20%;
background-color: rgb(200, 15, 20);
}
Без кода это только предположение, поэтому вы должны голосовать за закрытие, а не отвечать на него.
Тай, есть какой-то способ сделать панель навигации bootstrap4 в пикселях, а из оставшейся высоты сделать два div, которые занимают 50% оставшейся высоты каждый? Изображение
пожалуйста, покажите нам свой код, чтобы мы могли взглянуть на него