Высота дочернего элемента Div с высотой элементов, не равной 100%, когда браузер меньше ⇐ CSS

[Anonymous]

Я не уверен, что я делаю не так, но когда я уменьшаю высоту браузера, дочерний элемент не достигает 100% высоты. Это происходит только в том случае, если есть такие элементы, как href или p. На втором изображении вы можете видеть черный фон тела, хотя я установил «Меню-Контейнер» на 100%.

Код: Выделить всё

1
2
3
4
5
6



.menu-container {
height: 100%;
background-color: red;
color: white;
display: flex;
align-items: stretch;
width: 100%;
position: absolute;
z-index: 100;
}

.menu-item1 {
margin-left: 20px;
width: 15%;
height: 100%;
background: dodgerblue;
}

Подробнее здесь: https://stackoverflow.com/questions/785 ... is-smaller