Почему высота не динамичная?

Question

[Aspirant555]

Почему не меняется высота при изменении размера окна. Точнее меняется только до определенного значения. min-height: 0 не помогает.

мне нужно 100% внутри блока, и по 45% для отдельных элементов внутри этого блока, но почему то это работает только до определенных минимальных размеров.

resize: both - здесь всё ок (внутри блока отлично масштабируется), но при изменении размера окна не работает.

При использовании "vh" так же не плохо масштабируется.

Не пойму, почему не работает процентное соотношение?

Answer 1

[Thomas Laybe]

height: 100vh;

Comments

[Aspirant555]

мне нужно 100% внутри блока. и по 45% для отдельных элементов, но почему то это работает только до определенных минимальных размеров.

[Thomas Laybe]

aspirantes,

.aaa {
    display: flex;
    margin-top: 1.5rem;
    height: 45%;
    width: 100%;
    flex-flow: row;
    justify-content: center;
    align-content: center;
}

.bbb {
    display: flex;
    margin-top: 1.5rem;
    height: 45vh;
    width: 100%;
    flex-flow: row;
    justify-content: center;
    align-content: center;
}

.sss {
    display: flex;
    flex-flow: column;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    resize: both;
  overflow: auto;
}

.bjp__svg {
  height: 100%;
}

Вы имеете ввиду вот так? Переформулируйте вопрос

[Aspirant555]

Thomas Laybe, Нет, vh привязан к окну. Нужно внутри блока, т.е. 100% блока и внутри него 2 блока по 45%

[Aspirant555]

Thomas Laybe, Поправил вопрос, возможно стало более понятно?

[Максим]

aspirantes, свг строчный, возможно поможет если написать для свг что он блочный то есть display: block, ну и так же его родитель должен быть на 100% высоту своего родителя

[Aspirant555]

Brasileiro, Чего только не пробовал, но не могу SVG блок загнать в рамки вложенного контента. Если размер родителя указать меньше, то всё ок.