Html 与图像一起按比例缩放div，而不使用calc（）

我试图将一个div与其旁边的图像按比例缩放。 （这样图像的宽度始终为50%，高度按比例缩放，div的高度和宽度必须完全相同）

我的代码示例可能更容易理解：

注意，它比上面的要复杂一些，我还需要将div包装三次

Problem=IE有时执行calc（），但有时忽略calc，因此布局混乱。 在不使用calc（）方法的情况下，是否可以获得相同的效果（div与image一起缩放）

---

提前谢谢。

是的，这是可能的！你自己算吧。你有某种包装器？@bbvanee“你有某种包装器”是什么意思？@bbvanee这对我不起作用：你愿意使用jquery吗？

.actualcomments{
    max-height: calc(100% - 60px);
    overflow: auto;
}