Css не настраивает div на весь экран

Я попытался настроить css для отображения тела панели в полноэкранном режиме, но, что бы я ни делал, он не помещается в полноэкранный режим.

Пожалуйста, найдите Ссылка JSFiddle здесь.

Даже пробовал ставить уровень класса css:

#apexBody {
width: 100%;
height: 100%;
}

Нижний колонтитул здесь фиксирован, и я хочу, чтобы панель или текстовая область занимали весь экран до нижнего колонтитула.

google.com/…
dippas 19.05.2018 06:12
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
1
40
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуй это.

.panel-body {
   background-color: white;
   border-radius: 0px;
   box-shadow: 0 1px 1px #ccc;
   width: 800px;
   height: 800px;

}

Я не хочу устанавливать ширину и высоту в пикселях, так как это не сработает на больших экранах.

Nagendra Singh 19.05.2018 05:58

Попробуйте перейти по этой ссылке, stackoverflow.com/questions/6654958/…

Nauman Moazzam 19.05.2018 06:02
Ответ принят как подходящий

Установите родительский элемент и его дочерний элемент.

.panel {
    height: 100vh;
}
. panel-body {
    height: 100%;
}

Другие вопросы по теме