--hd: clamp(45px, 8%, 90px);
Есть данная переменна, вопрос в том, как применить ее но уже в отрицательном значении?
height:var(--hd);
Так положительно задаем значение, а необходимо отрицательно. То есть необходимо сдвинуть блок на верх через margin
margin-top:-var(--hd);
Как блок сдвинуть отрицательно блок так, чтобы было смещение нижних блоков.
:root {
--hd: clamp(45px, 8%, 90px);
}
.rd {
width: 200px;
height: 1000px;
}
.block {
background-color: #f00;
position: relative;
height: 100%;
z-index: 1;
}
.child {
height: var(--hd);
background-color: #00f;
margin-top: calc(var(--hd) * -1);
}
<div class='rd'>
<div class="block"></div>
<div class="child"></div>
</div>