CSS在Calc中获得高度[重复]

Question

这个问题在这里已有答案：

• Maintain the aspect ratio of a div with CSS 21个答案

我该怎么办？我有youtube iframe，并希望根据父宽度自动计算框架的大小。设置宽度是直截了当的。我只是将css类中的iframe设置为max-width减去填充。对于高度我想调整高度以保持纵横比（即16：9的1.7777），我唯一需要的是在计算中获得其容器的实际宽度。我无法弄清楚如何在calc中获取数据。

padding: 10px;
max-width: calc(100% - 20px);
max-height: calc(WIDTH / 1.7777);

谢谢你的帮助。

Answer 1

不要添加max-height

height: auto;