Html CSS将一个div的边距设置为等于另一个div'；s宽度

我有两个类定义了侧栏：

.w-sidebar {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.row.collapse {
    margin-left: -250px;
    left: 0;
}

第二个的左边距必须等于第一个宽度的负数才能工作

但是我想让宽度动态变化，而不是固定的像素量：

.w-sidebar {
    width: 35vw;
    min-width: 250px;
    max-width: 100vw;
}

.row.collapse {
    margin-left: -250px;
    left: 0;
}

如何仅使用css使

.row collapse

左侧的边距动态并等于

.w侧边栏的宽度

我尝试在
calc
中混合使用
min
/
max
，但这不受支持

我也尝试过使用媒体查询，但老实说，我只是发现了它，无法理解

我的叉子/尝试：

使用原始演示：
CSS变量如何：


：根目录{
--v:250px；
}
.盒子{
宽度：var（--v）；
显示：内联块；
背景：红色；
高度：100px；
}
.左{
左边距：计算（-1*var（-v））；
宽度：20px；
显示：内联块；
背景：蓝色；
高度：50px；
}
这回答了标题，但我不知道如何应用到我的上下文中，因为--v变量也需要有一个动态值，只需使用它在此处添加值，而不是在宽度上添加值：）@Mojimi，或者您可以向我们展示您的情况，以便我们可以看到？@Mojimi是的，我看到了，您只定义了一个固定值no，它不仅使用vh，而且最小尺寸为250px