Html CSS-根据宽度设置高度

我可以使用宽度在CSS中设置高度吗？这就是我现在拥有的：

width: 22.5%;
height: width*2.25;
background: #fff url("images/image_bg.png");
background-repeat: no-repeat; 
background-size: cover;
border: 0.5px solid #ddd;

div的宽度总是相同的，但是高度有非常微小的差异，这使得它们的背景不适合。如果我能将高度设置为与宽度成比例，那将是完美的

填充物 ... 百分比：指包含块的宽度

padding属性的一个鲜为人知但非常有用的技巧是，如果提供的值是百分比，则计算值将是包含块的计算宽度的百分比

要保持纵横比不变，请使用padding-bottom:X%

如果希望高度与宽度相同，并且宽度设置为包含块的25%，则应在元素上设置padding bottom:25%

如果您希望高度为宽度的一半，宽度为包含块的25%，则可以将填充底部设置为：12.5%

如果您希望高度为宽度的2.25倍，宽度为22.5%，则将该百分比乘以2.25，得到56.25%，然后应用该百分比，例如。 垫底：56.25%

保持率{ 宽度：父对象宽度的22.5%；/*22.5%*/ 填充底部：56.25%；/*25%的父级宽度*2.25*/ 背景：fff url//lorempixel.com/400/400； 背景重复：无重复； 背景位置：中心； 背景尺寸：封面； 边框：0.5px实心ddd； } 填充物 ... 百分比：指包含块的宽度

padding属性的一个鲜为人知但非常有用的技巧是，如果提供的值是百分比，则计算值将是包含块的计算宽度的百分比

要保持纵横比不变，请使用padding-bottom:X%

如果希望高度与宽度相同，并且宽度设置为包含块的25%，则应在元素上设置padding bottom:25%

如果您希望高度为宽度的一半，宽度为包含块的25%，则可以将填充底部设置为：12.5%

如果您希望高度为宽度的2.25倍，宽度为22.5%，则将该百分比乘以2.25，得到56.25%，然后应用该百分比，例如。 垫底：56.25%

保持率{ 宽度：父对象宽度的22.5%；/*22.5%*/ 填充底部：56.25%；/*25%的父级宽度*2.25*/ 背景：fff url//lorempixel.com/400/400； 背景重复：无重复； 背景位置：中心； 背景尺寸：封面； 边框：0.5px实心ddd； }

---

我知道这个诀窍，但你是第一个准确指出标准的人，谢谢。@intijk你可能对我看到的这个感兴趣。我尝试了padding top动作，似乎不同的浏览器在动作状态变得复杂时有不同的动作，所以我最终使用javascript来实现我的目的。我知道这个技巧，但你是第一个准确指出标准的人，谢谢。@intijk你可能对我看到的有兴趣。我尝试了padding-top操作，似乎不同的浏览器在操作状态变得复杂时有不同的操作，所以我最终使用javascript来实现我的目的。