Задать отступ от нижнего края исходя от высоты другого блока
.div {
position: relative;
width: 200px;
height: 200px;
background: red;
}
.bt {
position: absolute;
bottom:0;
left:0;
width: 100%;
height: 10%;
background: #000;
}
.bt1 {
position: absolute;
bottom:0;
right: 10px;
width: 50px;
height: 30%;
background: green;
}
<div class='div'>
<div class='bt'></div>
<div class='bt1'></div>
</div>
Возможно задать отступ с низу, блоку bt1, исходя от высоты блока bt?
Не проверял, но подсказывает
--hd: clamp(45px, 8%, 90px);
Далее назначаем высоту блоку bt
height: var(--hd);
И соответственно отступ
bottom: clack(var(--hd) + 10px);
Вопрос как назначить параметр --hd, чтобы он бул доступен на обоих блоках. И, возможно есть другое решение, лучше...