我可以使用calc和var根据宽度改变div高度吗？

Question

所以，让我们说width的{​​{1}} 470px 100%和350px 0%为height。
/>从100%到0%我希望我的div height从100px减少到0px。

希望它不会太混乱......

可以在没有javascript的情况下完成吗？

它是一个空的间隔div。

Answer 1

  

Codepen demo

<强> CSS

div {
   background: #9bc;
   max-width: 470px;
   min-width: 350px;
   max-height: 100px;
   height: calc(0.83333 * 100vw - 291.66px);
   overflow: hidden;
}

高度已使用equation of the line passing from 2 points计算。

我向您展示了计算结果，因此您可以根据需要更改该表达式

Answer 2

您的问题有点令人困惑，但根据我的理解，如果您不想使用JS，那么您可以在CSS中使用calc函数。 Systex同样如下： - div{ width: calc(100% - 100px); }