Задать отступ от нижнего края исходя от высоты другого блока

.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, чтобы он бул доступен на обоих блоках. И, возможно есть другое решение, лучше...


Ответы (0 шт):