newbie1992 Ответов: 1

Как настроить высоту HTML

привет,
я пытаюсь настроить высоту моего меню для html, которая равна общей высоте моего браузера

но я обнаружил это, когда установил высоту своего меню на 100%
это была не та высота, которую я хотел
прежде чем установить высоту я сделал строку заголовка
таким образом, я обнаружил, что высота моего html-файла была равна моей высоте строки заголовка + 100% высоты веб-браузера

когда я пытаюсь установить высоту как :

высота: 100% - (значение высоты строки заголовка )

значение моего меню возвращается к нормальному размеру

может ли кто-нибудь исправить мой код?
Я приложу свой код ниже

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

.заголовок окна{
высота : 45;
}

.navMenu{
высота : 100% - 45px;
}

1 Ответов

Рейтинг:
0

Peter Leow

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

<!DOCTYPE html>
<html>
<head>
<style>
html, body { 
	height: 100%;
	margin:0 }
div {
    height:100%;
    background:green;
}
</style>
</head>
<body>
<div>Menu</div>
</body>
</html>
Или же вы можете использовать единицу измерения 
vh
Ссылаться:
1. Подразделения Усс [^]
2. Блоки просмотра: vw, vh, vmin , vmax-Web Design Weekly[^]